全屏狭缝滑块自动播放

Question

我正在使用这个滑块。一切正常，但在自动播放方面有问题。当我单击滑块上的导航箭头或底部的导航点时。之后自动播放不起作用。

这是链接 点击这里

自动播放

功能不存在，您必须下载它并进行自动播放：在 Js 中为 true。

Js 名称 ： jquery.slitslider.js

$.Slitslider.defaults = {
    // transitions speed
    speed : 800,
    // if true the item's slices will also animate the opacity value
    optOpacity : false,
    // amount (%) to translate both slices - adjust as necessary
    translateFactor : 230,
    // maximum possible angle
    maxAngle : 25,
    // maximum possible scale
    maxScale : 2,
    // slideshow on / off
    autoplay : true,
    // keyboard navigation
    keyboard : true,
    // time between transitions
    interval : 6000,
    // callbacks
    onBeforeChange : function( slide, idx ) {
        return false;
    },
    onAfterChange : function( slide, idx ) {
        return false;
    }
};

Answer 1

因为脚本包含这样的代码，只要您按下函数，就会停止幻灯片放映

switch (keyCode) {
                case arrow.left :
                    self._stopSlideshow(); //this line stops autoplay
                    self._navigate( 'prev' );
                    break;
                case arrow.right :
                    self._stopSlideshow();
                    self._navigate( 'next' );
                    break;
            }

Answer 2

没有什么可做的，只需使自动播放选项为真，其中自动播放 ：假，

//

/

    $.Slitslider.defaults = {
    // transitions speed
    speed : 800,
    // if true the item's slices will also animate the opacity value
    optOpacity : false,
    // amount (%) to translate both slices - adjust as necessary
    translateFactor : 230,
    // maximum possible angle
    maxAngle : 25,
    // maximum possible scale
    maxScale : 2,
    // slideshow on / off
    autoplay : true,
    // keyboard navigation
    keyboard : true,
    // time between transitions
    interval : 4000,
    // callbacks
    onBeforeChange : function( slide, idx ) { return false; },
    onAfterChange : function( slide, idx ) { return false; }
};

'

Answer 3

您可以使用内置参数并在用户交互后再次启动幻灯片。

$('#slider').slitslider({
    autoplay: true, 
    interval: 6000,
    onAfterChange: function(slide, idx) {
        slitslider._startSlideshow(); // Starts the autoplay again
        return false;
    }
}),

Answer 4

在

jquery.slitslider中找到此代码.js并将2个false选项更改为true，然后将_startSlideshow()函数添加到其底部

_stopSlideshow: function() {
        if ( this.options.autoplay ) {
            clearTimeout( this.slideshow );
            this.isPlaying = true; // set this to true
            this.options.autoplay = true; // set this to true
            this._startSlideshow(); // Add this line
        }
    }