Question

我有这个幻灯片。你可以看到demo：http://jsfiddle.net/handoi912/Yh6Lp/

现在，我想要幻灯片自动播放，我不能。请帮我！谢谢！

    <script type="text/javascript">
    $(function() {
        $('#cn-slideshow').slideshow();
    });
</script>

Answer 1

如何使用trigger来触发下一个按钮的点击事件。您可以保持原始幻灯片完整无缺。

您可以在文档就绪时运行它：

setInterval(function(){
  $('.cn-nav-next').trigger('click');}, 
3000);

你可以在这里看到它： http://jsfiddle.net/burnsjeremy/SrkzD/

编辑：我的第一个答案是困扰我一点，所以我更新它以分离出一些代码。我还添加了鼠标悬停以停止自动播放功能，直到mouseout。你可以在这里看到：http://jsfiddle.net/burnsjeremy/pHrvJ/

来自编辑的代码将使幻灯片停止，以便用户可以像平常一样翻阅幻灯片。

var intervalStart = setInterval(function () {
    $('.cn-nav-next').trigger('click');
},
3000);
// Stop slideshow on mouseover, and mouseout start back
$('#cn-slideshow').mouseover(function(){
    clearInterval(intervalStart);
}).mouseout(function(){
    intervalStart = setInterval(function(){
        $('.cn-nav-next').trigger('click');
    }, 3000) ;
})

这应该足以帮助您轻松解决此问题。谢谢！

如何使用此幻灯片自动播放

1 个答案: