0

こんにちは、ここからダウンロードした Elastic Image Slideshow を使用しています。

http://tympanus.net/Tutorials/ElasticSlideshow/index2.html

ただし、サムネイルをクリックすると自動再生が停止します。数秒後に再び自動再生を再開する方法を知りたいです。私はjsでこのコードを見ました：

    // click the thumbs
        this.$thumbs.on( 'click.eislideshow', function( event ) {

            if( _self.options.autoplay ) {

                clearTimeout( _self.slideshow );
                _self.options.autoplay  = false;

            }

            var $thumb  = $(this),
                idx     = $thumb.index() - 1; // exclude sliding div

            _self._slideTo( idx );

            return false;

        });

どう改造しようか迷っています。指定した 5 秒または特定の時間が経過したら、自動再生を再開します。ありがとう！

4

1 に答える 1

1

_self.options.autoplay = false;行の後に次のコードを追加することで、これを行うことができます。

setTimeout( function() { 
                        _self.options.autoplay  = true;
                        _self._startSlideshow();
            }, 5000); //restart autoplay after 5 seconds

それはあなたが望むことをするはずです。

于 2012-09-24T09:47:41.477 に答える