Nivo滑塊在第一時間無法正常工作有時

我有一個網站。有些頁面有一個滑塊，其他頁面沒有。我有這個問題與nivo滑塊。有時，無法確定何時，滑塊未加載，因此不顯示圖像。如果再次單擊相同的頁面，滑塊加載正確，一切正常。問題不是標準的，您必須多次嘗試導航到所有頁面。請檢查出來，花費1-2分鐘時間從菜單欄訪問所有頁面，以便看到問題。問題更多的是使用chrome - IE。鏈接在這裏http://www.secureshop.gr/POOL/citycars/website Nivo滑塊在第一時間無法正常工作有時

在此先感謝您。

來源

2014-01-15 GeorgeGeorgitsis

轉載問題，但只是因爲超時（可能與訪問慢主機@ .gr有關）。您正在使用TON腳本並嘗試一次加載高分辨率500kb圖像。 –

我不認爲主機很慢。許多網站都位於那裏，沒關係。也許Nivo滑塊有錯誤？搜索了網頁，但找不到與此相似的內容。 – GeorgeGeorgitsis

呃，我再玩了5分鐘左右，因爲所有的'images'都加載到我的'cache'中，所以無法再次重現問題。我認爲你應該研究一些圖像壓縮，因爲腳本，特別是插件，如果'DOM'沒有準備好就會「超時」。 –

也許在身體的BASE加載腳本Nivo，以確保它不會在head運行，並造成任何形式的timeout問題。

只要DOM知道有一個img，它就會繼續，並且該圖像將在此期間加載，同時它向下推進其餘的HTML。也許所有的img都沒有下載，因此Nivo Slider沒有正確顯示。

<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script> 
<script> 
    $('#slider').nivoSlider({ 
     effect: 'fade', // Specify sets like: 'fold,fade,sliceDown' 
     slices: 15, // For slice animations 
     boxCols: 8, // For box animations 
     boxRows: 4, // For box animations 
     animSpeed: 500, // Slide transition speed 
     pauseTime: 5000, // How long each slide will show 
     startSlide: 0, // Set starting Slide (0 index) 
     directionNav: true, // Next & Prev navigation 
     directionNavHide: true, // Only show on hover 
     controlNav: false, // 1,2,3... navigation 
     controlNavThumbs: false, // Use thumbnails for Control Nav 
     controlNavThumbsFromRel: true, // Use image rel for thumbs 
     controlNavThumbsSearch: '.jpg', // Replace this with... 
     controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src 
     keyboardNav: true, // Use left & right arrows 
     pauseOnHover: true, // Stop animation while hovering 
     manualAdvance: false, // Force manual transitions 
     captionOpacity: 0.8, // Universal caption opacity 
     prevText: '', // Prev directionNav text 
     nextText: '', // Next directionNav text 
     randomStart: false, // Start on a random slide 
     beforeChange: function(){}, // Triggers before a slide transition 
     afterChange: function(){}, // Triggers after a slide transition 
     slideshowEnd: function(){}, // Triggers after all slides have been shown 
     lastSlide: function(){}, // Triggers when last slide is shown 
     afterLoad: function(){} // Triggers when slider has loaded 
    }); 
</script> 
</body>

來源

2014-01-16 00:46:57

這個工作？ –

Nivo滑塊在第一時間無法正常工作有時

回答

相關問題