num = 0; old = 0; chk = true; function visual(){ num++; if(num==3){ num=0; } $(".left_con ul").stop(true,true).animate({"margin-left":"-=100%"},500,"easeOutCubic",function(){ $(this).append($(".left_con ul li").first()); $(this).css({"margin-left":"-100%"}); old=num; }); }; $(document).ready(function(){ $(".slide ul").prepend($(".slide ul li").last()); $("#slide").owlCarousel({ autoPlay : 3000, navigation : true, // Show next and prev buttons slideSpeed : 300, paginationSpeed : 400, singleItem:true }); auto=setInterval("visual()",4000); $(".btnbox .b_left").click(function(){ if(chk){ chk=false; num--; if(num==-1){ num=2; } clearInterval(auto); auto=setInterval("visual()",4000); $(".left_con ul").stop(true,true).animate({"margin-left":"+=100%"},100, "easeOutCubic",function(){ $(this).prepend($(".left_con ul li").last()); $(this).css({"margin-left":"-100%"}); old=num; chk=true; }); } }); $(".btnbox .b_right").click(function(){ if(chk){ chk=false; num++; if(num==3){ num=0; } clearInterval(auto); auto=setInterval("visual()",4000); $(".left_con ul").stop(true,true).animate({"margin-left":"-=100%"},100,"easeOutCubic",function(){ $(this).append($(".left_con ul li").first()); $(this).css({"margin-left":"-100%"}); old=num; chk=true; }); } }); });