javascript - 检查是否加载了背景图片，响应版

Question

我已经为body标签（大图片）设置了一个背景图像，我想在加载后淡入它（因为图像很大，加载时它会滚动）。

我已经看到这个基本上使用隐藏的 img 标签并利用浏览器缓存的答案：如何检查是否加载了背景图像？

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

在这里查看网站：http: //jll.is

谢谢，

Answer 1

首先应用opacity:0到图像，这将阻止它被显示。并像这样使用 jquery 使你的淡入淡出效果

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

Fade in effect

});