2015-04-05 71 views
1

我意識到lightSlider沒有恢復播放功能,並且一旦點擊任何幻燈片就會停止播放。有什麼辦法可以添加這個功能嗎?Jquery 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函數添加一個恢復播放功能,但它在手機上不起作用。如果你們任何一位大師有任何建議,我們將不勝感激。提前致謝。

回答

-1

我找到了解決方案。 01.use此lightSlider.js文件鏈接:

$(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'); 
} 
}); 

}); 

從這個

發現:在頁面上 http://raw.githack.com/sachinchoolur/lightslider/1.1.2/src/js/lightslider.js

02.script