Question

我意识到lightSlider没有恢复播放功能，只要点击任何幻灯片就会停止播放。我们有什么办法可以添加这个功能吗？

$(document).ready(function() {

    var slider = $('#demo').lightSlider({
        item:1,
        slideMargin:0,
        pause:8000,
        enableTouch:true,
        auto:true,
        loop:true,
        controls:false,
        pauseOnHover: true,
    });

    $('#demo').parent().on('mouseenter',function(){
        slider.pause();
    });

     $('#demo').parent().on('mouseleave',function(){
        slider.play();
    });
});

我尝试使用mouseleave功能添加简历播放功能，但它不适用于移动设备。如果你们中的任何一位大师有任何建议，我们将不胜感激。提前致谢。

Answer 1

我找到了解决方案。 01.使用此lightSlider.js文件链接：http://raw.githack.com/sachinchoolur/lightslider/1.1.2/src/js/lightslider.js

页面上的

02.script：

$(window).load(function(){

$('#lightSlider').lightSlider({

item: 4,
auto:true,
slideMargin: 2,
loop :true,
pause: 4000,
speed: 1000,
onAfterSlide: function () {
    $('#lightSlider iframe').remove();
    $('#lightSlider li').removeClass('hasIframe');
}
});

});

从此发现

单击缩略图后，Jquery LightSlider不会恢复播放

1 个答案: