2011-06-07 268 views
2

我想要一個圖像在頁面剛剛加載時被隱藏。我可以撥打$('#imgName').show()來顯示圖像。jquery,hide img onload

然而,我不得不

$(document).ready(function() { 
    $("#imgName").hide(); 
}); 

但圖像仍處於起步閃爍權。

你如何擺脫這種閃爍的效果?

回答

1

這是因爲JavaScript的HTML被加載後,最近可能的解決方案是使用CSS

img#imgName{display:none} 
+0

有沒有辦法擺脫閃光燈,但顯示圖像的人沒有JS啓用? – amylynn83 2015-07-01 15:27:33

0

嘗試使用CSS來初​​始隱藏圖像。 Javascript將在CSS之後加載,一般是 - ergo,最初的flash。

2

使用CSS'display:none;'使其在加載時不可見。

+1

並與jQuery當一些事件發生,您可以更改CSS屬性。 – 2011-06-07 04:13:50

+0

非常真實;然而,一旦文件加載完成,將會保持閃爍。絕對是一件好事,但要記住。 – Nik 2011-06-07 04:15:21

+0

對不起,我不夠清楚,確實你是對的。我的意思是說,Nik的答案是正確的,並且在頁面加載後,您可以通過使用javascript事件更新CSS屬性來改變樣式,例如按鈕點擊或任何有意義的東西。你看到閃爍的原因是JQuery在整個文檔被渲染後執行。 – 2011-06-07 04:19:14

0

您可以使用css隱藏圖片。

display:none;