在加載所有圖像之前獲取Nivo滑塊以啓動

我使用的是Nivo滑塊Wordpress插件，並且喜歡它的外觀以及我的客戶使用它的容易程度。在加載所有圖像之前獲取Nivo滑塊以啓動

唯一的問題是，幻燈片不打，直到所有的圖像加載，它一旦是一個很大的問題，因爲你擁有很多的圖像更多：http://www.marcusmcshane.com/

有誰知道如何進行幻燈片放映在第一對夫婦加載後開始？

在此先感謝您提供的任何幫助。

來源

2011-07-17 Caroline Elisa

更新您的WP版本... –

在親身體驗過Nivo Slider的豐富經驗後，我記得他們使用$(window).load，我確實看到你仍然在使用它。

更改此：

<script type="text/javascript"> 
jQuery(window).load(function(){ 
    jQuery("#nivoslider-283").nivoSlider({ 
     effect:"fade", 
     slices:15, 
     boxCols:8, 
     boxRows:4, 
     animSpeed:500, 
     pauseTime:3000, 
     startSlide:0, 
     directionNav:false, 
     directionNavHide:true, 
     controlNav:false, 
     keyboardNav:true, 
     pauseOnHover:true, 
     manualAdvance:false 
    }); 
}); 
</script>

這樣：

<script type="text/javascript"> 
jQuery(function(){ 
    jQuery("#nivoslider-283").nivoSlider({ 
     effect:"fade", 
     slices:15, 
     boxCols:8, 
     boxRows:4, 
     animSpeed:500, 
     pauseTime:3000, 
     startSlide:0, 
     directionNav:false, 
     directionNavHide:true, 
     controlNav:false, 
     keyboardNav:true, 
     pauseOnHover:true, 
     manualAdvance:false 
    }); 
}); 
</script>

來源

2011-07-17 22:57:40 daryl

謝謝！雖然現在它加載之前的標誌，所以我不得不看看... 對於那些也使用插件，在nivo-slider.php行841我簡單地改變了'jQuery（window）.load（function（）{ 'to jQuery（function（）{'。 –

然後在每次更新時都會一次又一次地解決這個問題，我會推薦使用Royal Slider。 –

這仍然是相關的每一個新的NIVO滑塊乾淨的安裝&卡羅琳的解決方案正常工作。

我保留一個調整副本的設計使用與任何調整（如上所述），因此無需繼續改變它。

保存：

jQuery(function(){ 
$('#slider').nivoSlider(); });

..as一個單獨的文件（nivo.js）&從HTML文件調用它意味着它很容易找到調整或如果需要的話恢復到原來的。

爲了讓您更安心地定義div的高度（#slider），所以頁面在緩慢加載的瀏覽器中不會彈出。

來源

2014-04-09 14:05:21

在加載所有圖像之前獲取Nivo滑塊以啓動

回答

相關問題