jQuery Anything Slider loading flash

Question

我有我的網站上的任何滑塊工作，但我似乎無法擺脫頁面加載時發生的2-3秒閃光。當你第一次訪問或刷新頁面時，你會看到每個李幻燈片的內容看起來都是無風格的，並且都是可見的。有誰知道擺脫閃光的方法嗎？

http://www.yourmembership.com/product-tour/nonprofits.aspx

Answer 1

你試過把你的電話滑塊文檔中準備好了嗎？這允許它在執行之前等待DOM加載。

<script> 
$(document).ready(
    function() { 

// Your slider call here 

}); 

</script> 

Answer 2

您可以隱藏元素直到它們被加載。在你的樣式表說：

.thumbNav 
{ 
    display: none; 
} 

而且回調您的滑塊說：

$(".thumbNav").css("display", "inline"); 

或者只是：

$(".thumbNav").show(); 

Answer 3

而不是使用$（文件）。就緒，怎麼樣的$（窗口）.load（）;?另見Official way to ask jQuery wait for all images to load before executing something。閃光燈可能是由於第一次加載圖像造成的延遲。

Answer 4

如果您使用的是latest version of AnythingSlider，則包括防止FOUC（未格式化內容的閃爍）。

對於舊版本，請檢查FAQ page，其中顯示了兩種可用於防止此問題的不同方法。