缩略图单击后弹性图像幻灯片自动播放恢复

Question

您好我正在使用从此处下载的弹性图像幻灯片：

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秒或特定持续时间后恢复。谢谢！

Answer 1

您可以在_self.options.autoplay = false;行之后添加以下代码：

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

应该做你想做的事。