jQuery或Javascript检查图像是否加载

前端之家收集整理的这篇文章主要介绍了jQuery或Javascript检查图像是否加载前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道在Stackoverflow中有很多这样的东西,但是在最近版本的jquery(1.10.2)中,我没有找到适用于我的。

我试过:

$(“。lazy”)。load(function(){}

但是我相信在jQuery 1.8中,使用.load进行了一些研究,以检测图像负载已被弃用。我需要做的是一旦加载图像,就会启动图像调整大小功能。我没有控制权
HTML,目前我不得不通过jQuery附加一个属性(通过.attr())添加图像尺寸一次页面加载,以便我可以使用lazyload js。

问题是,我需要一个准确的方法来阻止我的各种脚本,直到图像已经正确加载,否则这些功能有时会在每个图像加载之前触发。我试过使用$(window).load(function(){});然而,有时在每个图像加载之前仍然会触发。

解决方法

我通常这样做:
var image = new Image();
image.onload = function () {
   console.info("Image loaded !");
   //do something...
}
image.onerror = function () {
   console.error("Cannot load image");
   //do something else...
}
image.src = "/images/blah/foo.jpg";

请记住,加载是异步的,因此您必须在onload和onerror事件中继续执行脚本。

猜你在找的jQuery相关文章