基础为王，打造一个自动播放的幻灯片

 

$('#nextArrow').bind('click',function(){

alert("Clicked!");

});

$('#nextArrow').trigger('click');

// 或者选择下面的:

// $('#nextArrow').click();

 

 

 

核心代码：

 

//autoadvance.js

$(window).load(function(){

//window.load 事件保证了在自动轮播事件开启之前，让所有的图片先进行了加载

 

vartimeOut = null;

$('#slideshow .arrow').click(function(e,simulated){

//模拟参数被设置在了触发的方法中

if(!simulated){

 

//真正的点击事件发生。

// 取消自动轮播动画。

clearTimeout(timeOut);

}

});

// 一个自定义名称的自动执行函数

(functionautoAdvance(){

//模拟下一张图片点击

$('#slideshow .next').trigger('click',[true]);

//设置延时5秒钟

timeOut = setTimeout(autoAdvance,5000);

})();

});

​