到目前为止,在JavaScript中我们是这样检测图像是否已加载的:
objImg = new Image();
objImg.src = 'photo.gif';
if(objImg.complete) {
// Do something
}
我想知道当我们使用 <picture>
标签时,是否适用相同的规则?
<picture>
<source media="(min-width: 650px)" srcset="img_pink_flowers.jpg">
<source media="(min-width: 465px)" srcset="img_white_flower.jpg">
<img src="img_orange_flowers.jpg" alt="Flowers">
</picture>
如果没有加载成功,我们如何检测图片是否已经加载完成。谢谢。
load
事件监听器绑定到嵌套的<img>
元素上即可。 - Terry