我真的很想在页面中的图像之前加载背景图像。
参见:http://carolineelisa.com/boy/animation/ ,我希望在动画 gif 之前加载纸张图像。
这可以通过 CSS 实现,还是需要一点 Javascript 或 jQuery?
谢谢!
最佳答案
当然:这不是万无一失,在某些浏览器中结果可能会有所不同,但在大多数情况下应该会产生令人满意的结果。
<img id="bg_preload" src="path/to/image.jpg" style="position: absolute; top: -9999px;"/>
<img id="fg_1" class="fg_image" src="" style="visibility: hidden;"/>
<img id="fg_2" class="fg_image" src="" style="visibility: hidden;"/>
<img id="fg_3" class="fg_image" src="" style="visibility: hidden;"/>
<script type="text/javascript">
$('#bg_preload').load(function()
{
$('.fg_image').each(function()
{
this.src = 'path/to/image.gif';
this.style.visibility = 'visible';
});
});
</script>
关于css - 在其他图形之前加载背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8498994/