오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 : www.yukeiit.com
2번째 부분 슬라이드는 제대로 되는데 왜 나머지는 풀리는지..
$(document).ready(function(){
mainVisual();
});
function mainVisual() {
var visList = $('#visualArea ul').children('li');
visList.each(function() {
init($(this).attr('id'));
});
visAnim(visList.first().addClass('on').attr('id'));
$('#mainVisual button').animate({'width' : '200px'},1200,'easeOutBounce');
$('#btnPrev').click(function() {
var tar = visList.filter('.on').prev();
init(visList.filter('.on').attr('id'));
if ( tar.size() > 0 ) { tar.addClass('on').siblings().removeClass(); visAnim(tar.attr('id')); }
else { visList.last().addClass('on').siblings().removeClass(); visAnim(visList.last().attr('id')); }
});
$('#btnNext').click(function() {
var tar = visList.filter('.on').next();
init(visList.filter('.on').attr('id'));
if ( tar.size() > 0 ) { tar.addClass('on').siblings().removeClass(); visAnim(tar.attr('id')); }
else { visList.first().addClass('on').siblings().removeClass(); visAnim(visList.first().attr('id')); }
});
$('#page a').click(function(e) {
e.preventDefault();
var tar = visList.eq($(this).index());
init(visList.filter('.on').attr('id'));
tar.addClass('on').siblings().removeClass(); visAnim(tar.attr('id'));
});
function visAnim(obj) {
var bok = '#' + obj;
switch (bok) {
case '#vis01' :
$('#visualArea').show("slide", $(bok), 0, { onAfter : function() {
$(bok).animate({'left' : '960px','background-size' : 1603,'background-position-x' : '-300px'},403);
}, easing:'easeOutBounce'});
break;
case '#vis02' :
$('#visualArea').scrollTo($(bok), 0, { onAfter : function() {
$(bok).animate({'left' : '960px','background-size' : 1603,'background-position-x' : '-300px'},403);
}, easing:'easeOutBounce'});
break;
case '#vis03' :
$('#visualArea').scrollTo($(bok), 0, { onAfter : function() {
$(bok).animate({'left' : '960px','background-size' : 1603,'background-position-x' : '-300px'},403);
}, easing:'easeOutBounce'});
break;
}
$('#page a').eq($(bok).index()).addClass('on').siblings().removeClass();
}
function init(obj) {
var bok = '#' + obj;
$(bok).animate({'left' : '960px', 'background-size' : 1603},403);
}
}
자바스크립트 코드입니다. 뭐가 문제인지 잘 모르겠네요
수정 도와주시면 사례도 드리겠습니다. ㅠㅠ 정말 급한데 제 실력이 부족해서 으아..
오류 주소 : www.yukeiit.com
2번째 부분 슬라이드는 제대로 되는데 왜 나머지는 풀리는지..
$(document).ready(function(){
mainVisual();
});
function mainVisual() {
var visList = $('#visualArea ul').children('li');
visList.each(function() {
init($(this).attr('id'));
});
visAnim(visList.first().addClass('on').attr('id'));
$('#mainVisual button').animate({'width' : '200px'},1200,'easeOutBounce');
$('#btnPrev').click(function() {
var tar = visList.filter('.on').prev();
init(visList.filter('.on').attr('id'));
if ( tar.size() > 0 ) { tar.addClass('on').siblings().removeClass(); visAnim(tar.attr('id')); }
else { visList.last().addClass('on').siblings().removeClass(); visAnim(visList.last().attr('id')); }
});
$('#btnNext').click(function() {
var tar = visList.filter('.on').next();
init(visList.filter('.on').attr('id'));
if ( tar.size() > 0 ) { tar.addClass('on').siblings().removeClass(); visAnim(tar.attr('id')); }
else { visList.first().addClass('on').siblings().removeClass(); visAnim(visList.first().attr('id')); }
});
$('#page a').click(function(e) {
e.preventDefault();
var tar = visList.eq($(this).index());
init(visList.filter('.on').attr('id'));
tar.addClass('on').siblings().removeClass(); visAnim(tar.attr('id'));
});
function visAnim(obj) {
var bok = '#' + obj;
switch (bok) {
case '#vis01' :
$('#visualArea').show("slide", $(bok), 0, { onAfter : function() {
$(bok).animate({'left' : '960px','background-size' : 1603,'background-position-x' : '-300px'},403);
}, easing:'easeOutBounce'});
break;
case '#vis02' :
$('#visualArea').scrollTo($(bok), 0, { onAfter : function() {
$(bok).animate({'left' : '960px','background-size' : 1603,'background-position-x' : '-300px'},403);
}, easing:'easeOutBounce'});
break;
case '#vis03' :
$('#visualArea').scrollTo($(bok), 0, { onAfter : function() {
$(bok).animate({'left' : '960px','background-size' : 1603,'background-position-x' : '-300px'},403);
}, easing:'easeOutBounce'});
break;
}
$('#page a').eq($(bok).index()).addClass('on').siblings().removeClass();
}
function init(obj) {
var bok = '#' + obj;
$(bok).animate({'left' : '960px', 'background-size' : 1603},403);
}
}
자바스크립트 코드입니다. 뭐가 문제인지 잘 모르겠네요
수정 도와주시면 사례도 드리겠습니다. ㅠㅠ 정말 급한데 제 실력이 부족해서 으아..
댓글 1개
게시글 목록
| 번호 | 제목 |
|---|---|
| 284508 | |
| 284499 | |
| 284492 | |
| 284490 | |
| 284484 | |
| 284481 | |
| 284478 | |
| 284476 | |
| 284474 | |
| 284472 | |
| 284470 | |
| 284458 | |
| 284457 | |
| 284454 | |
| 284453 | |
| 284447 | |
| 284446 | |
| 284444 | |
| 284441 | |
| 284440 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기