오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 : 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개
게시글 목록
| 번호 | 제목 |
|---|---|
| 284438 | |
| 284437 | |
| 284435 | |
| 284430 | |
| 284420 | |
| 284417 | |
| 284409 | |
| 284401 | |
| 284399 | |
| 284397 | |
| 284380 | |
| 284378 | |
| 284371 | |
| 284370 | |
| 284366 | |
| 284364 | |
| 284360 | |
| 284357 | |
| 284355 | |
| 284354 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기