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

阅读更多

 

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

alert( "Clicked!" );

});

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

// 或者选择下面的:

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

 

 

 

核心代码：

 

//autoadvance.js

$(window).load( function (){

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

 

var timeOut =  null ;

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

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

if (!simulated){

 

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

// 取消自动轮播动画。

clearTimeout(timeOut);

}

});

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

( function autoAdvance(){

//模拟下一张图片点击

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

//设置延时5秒钟

timeOut = setTimeout(autoAdvance,5000);

})();

});

​