0

このスライドショーがあります。デモを見ることができます: http://jsfiddle.net/handoi912/Yh6Lp/

今、スライドショーの自動再生がしたいのですが、できません。私を助けてください！ありがとう！

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

1 に答える 1

4

次のボタンのクリックイベントをトリガーするために、 triggerを使用するのはどうですか。このようにして、元のスライドショーをそのまま維持できます。

ドキュメントの準備ができたら、これを実行します。

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

ここで動作を確認できます: http://jsfiddle.net/burnsjeremy/SrkzD/

編集：私の最初の答えは私を少し悩ませていたので、いくつかのコードを分離するために更新しました。また、マウスアウトまで自動再生機能を停止するマウスオーバーを追加しました。ここで実際の動作を確認できます: 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) ;
})

この問題を簡単に解決するには、これで十分です。ありがとう！

于 2013-08-06T02:35:40.303 に答える