在Lightslider運行之前預加載圖像

我試圖強制Lightslider（http://sachinchoolur.github.io/lightslider/index.html）僅在加載所有圖像和內容後才能運行。如何才能做到這一點？我已經實現了目標與下面的代碼，但在Chrome總是觸發一個錯誤：在Lightslider運行之前預加載圖像

遺漏的類型錯誤：無法讀取的不確定

此錯誤性質「暫停」並沒有阻止正確的行爲，但由於強制性標準，我們不能解僱錯誤。

關於如何解決這個問題，你有任何線索嗎？

<link rel="stylesheet" href="css/lightslider.css"/> 

<script language="JavaScript" type="text/javascript" src="Js/jquery.js"></script> 

<script language="JavaScript" type="text/javascript" src="Js/lightslider.js"></script> 

<script type="text/javascript"> 
$(document).ready(function() { 

$('#image-gallery').lightSlider({ 
     gallery: true, 
     item: 1, 
     thumbItem: 6, 
     slideMargin: 0, 
     thumbMargin: 5, 
     animateThumb: true, 
     cssEasing: 'ease', 
     easing: 'linear', 
     speed: 500, 
     pause: 3000, 
     auto: true, 
     loop: true, 
     onSliderLoad: function() { 
      $('#image-gallery').removeClass('cS-hidden');       
     } 
    }); 
    $('#image-gallery').autoplaySlider.pause(); 
}); 
$(window).load(function() { 
    $('#image-gallery').autoplaySlider.play(); 
}); 
</script>

來源

2015-11-03 dropbix

嘗試包裝你的lightSlider創作成

$(window).load(function() { 

    $('#image-gallery').lightSlider({ 
     gallery: true, 
     item: 1, 
     ... 

});

而且不要叫暫停（）和play（）。

作爲一般規則，如果你打算使用圖像的工作，並期望他們被加載那麼最好是在$（窗口）的代碼，.load

我希望它的作品！

來源

2015-11-05 18:17:51 rmartrenado

在Lightslider運行之前預加載圖像

回答

相關問題