저희 회사 사이트인데...제이쿼리 부분이 속도가 일정하지 않고...어떤페이지는 1초도 안되서 넘어가버리고 합니다.
이부분 수정요청을 드렸더니, 새로 다해야 된다고 오래 걸린다고 하시는데...한번 살펴봐 주세요.
잘못된 점 있으시면 지적 부탁 드리고, 미리 감사 드립니다.
소스는 아래와 같습니다.
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
var $list = $(".slider_list");
var $box = $(".slider_box");
var wd = $list.width();
var num = $list.size();
var margin,current,play;
$box.width(wd*num);
for(i=0; i
var nav = ''
$(".slider_nav").append(nav);
};
var $nav = $(".slider_nav a");
$(".slider_nav a:first").addClass("on");
setTimeout(function(){
play = setInterval(play_next,5000);
},3000)
$(".slider_wrap").hover(function(){
$(".prev,.next").show();
},function(){
$(".prev,.next").hide();
});
function play_next(){
margin = parseInt($box.css("margin-left"));
if(margin < -(wd*(num-2))){<br />
$box.not(":animated").animate({"marginLeft":"0px"},"fast");
}else{
$box.not(":animated").animate({"marginLeft":"-="+wd+"px"},"fast");
};
//var current = Math.abs(margin/wd);
var current = Math.abs(Math.floor(margin/wd));
$nav.removeClass("on");
$nav.eq((current-num)+1).addClass("on");
}
function play_prev(){
clearInterval(play);
margin = parseInt($box.css("margin-left"));
if(margin == 0){
$box.not(":animated").animate({"marginLeft":"-"+wd*(num-1)+"px"},"fast");
}else{
$box.not(":animated").animate({"marginLeft":"+="+wd+"px"},"fast");
};
var current = Math.abs(Math.floor(margin/wd));
$nav.removeClass("on");
$nav.eq(current-1).addClass("on");
}
$(".next").click(function(){
clearInterval(play);
play_next();
return false;
});
$(document).keydown(function(evt){
if (evt.keyCode==37){
play_prev();
}else if(evt.keyCode==39){
clearInterval(play);
play_next();
}
});
$(".prev").click(function(){
play_prev();
return false;
});
$nav.click(function(){
clearInterval(play);
$nav.removeClass("on");
$(this).addClass("on");
$box.not(":animated").animate({
"marginLeft":-wd*($(this).index())
});
return false;
}); | |
|
등록안내
그래도 이부분은 딱 눈에 들어오네요,
setTimeout(function(){
play = setInterval(play_next,5000);
},3000)
파일첨부가 되지 않아서 설명이 부족했던 부분 양해 부탁 드립니다.
http://www.ilovecon.co.kr/
위 사이트에서 중간에 배너부분 속도가 일정하지 않습니다.
눈에 띈다고 말씀해 주신 부분은 어떤 문제인지 여쭈어 봐도 될까요?
그리고 문제를 해결하려면 play_next();
검색하셔서 그 윗줄에 clearInterval(play); 빠졌으면 추가해주세요. 그럼 해결될것으로 보이네요.
담당자분에게 내용 전달 하겠습니다.