(자바스크립트) 정말 급한 일입니다. 이미지 슬라이드 부분 정보
(자바스크립트) 정말 급한 일입니다. 이미지 슬라이드 부분본문
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 : 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);
}
}
자바스크립트 코드입니다. 뭐가 문제인지 잘 모르겠네요
수정 도와주시면 사례도 드리겠습니다. ㅠㅠ 정말 급한데 제 실력이 부족해서 으아..
댓글 전체
Uncaught TypeError: Object [object global] has no method 'attachEvent' PIE.js?20120512152252:14
event.returnValue is deprecated. Please use the standard event.preventDefault() instead.
함수가 없다는데요..
event.returnValue is deprecated. Please use the standard event.preventDefault() instead.
함수가 없다는데요..