如何在頁面完全加載後顯示圖像？

Question

我有像這需要出現後的頁面完全下面裝的是代碼的任何幫助將不勝感激

<div id="playbutton"> 
<img style="width: 200px; height: 200px; border: 0;" src="http://iconshots.com/wp-content/uploads/2010/01/final1.jpg"> 

</div> 

Answer 1

隱藏圖像開頭; style="display:none;或css這個規則是沒有問題的。然後等待DOM和所有圖形（圖像）加載，然後顯示圖像：

HTML

<div id="playbutton"> 
<img style="width: 200px; height: 200px; border: 0;display:none;" src="http://iconshots.com/wp-content/uploads/2010/01/final1.jpg"> 

</div> 

JS

$(window).load(function() { 
    $('#playbutton img').show(); 
}); 

Answer 2

可以將其顯示屬性設置爲none

<img id='hiddenImage' style="display:none; width: 200px; height: 200px; border: 0;" src="http://iconshots.com/wp-content/uploads/2010/01/final1.jpg"> 

和樣本當頁面加載時用jquery更改它

$(document).ready(function(){ 
    $('#hiddenImage').show(); 
});