Question

我已将背景图像设置为body标签（大图片），我想在加载后将其淡化（因为图像很大，加载时会滚动）。

我看到这个答案基本上使用隐藏的img标记并利用浏览器缓存：How can I check if a background image is loaded?

这对于固定布局网站来说非常棒，但是响应式网站呢？我不想同时加载所有3个背景图像，但我希望能够选择必须在隐藏的img标记中加载的图像。

请在此处查看网站：http://jll.is

谢谢，

Answer 1

首先将opacity:0应用于图像，这样可以防止它被显示出来。并使用像这样的jquery来实现你的淡入效果

$('#imgid').load(function(){

Fade in effect

});