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

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

那应该做你想做的事。