/*slide.js create by suliang on 2015.06.26 */ function slide(obj){ var $osurgery = $(".surgery"); var $oSlide = $("#"+obj.wrap); var $lt = $(".lt-control"); var $rt = $(".rt-control"); var $sg = $(".sg"); var wid = $osurgery.width(); var len = $osurgery.find("li").length; var index = 0; $osurgery.css("width",wid*len); var timer = null; function move(i,t){ $osurgery.stop(true,true).animate({ "left":-wid*i },t,"easeInOutExpo"); $sg.find("p").eq(i).addClass("sg-current").siblings("p").removeClass("sg-current"); } function autoPlay(){ if(index>=len-1){ index = 0; }else{ index++; } move(index,800); } timer = setInterval(autoPlay,obj.duration); $oSlide.hover(function(){ clearInterval(timer); },function(){ timer = setInterval(autoPlay,obj.duration) }) $rt.on("click",function(){ if(index>=len-1){ index = 0; }else{ index++; } move(index,2000); }) $lt.on("click",function(){ if(index<=0){ index = len-1; }else{ index--; } move(index,2000); }) $sg.on("click","p",function(){ index = $(this).index(); move(index,5000); }) }