如何在页面完全加载后显示图像？

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(); 
});