引入js文件:
<script src="../../js/imagesloaded.pkgd.js"></script>
对一个元素下的所有img进行监控:
function loaderlistening() {
//监听blogcontent下的所有img标签元素,对每一个图片的加载作出反应
$('.blogcontent').imagesLoaded().progress(function (instance, image) {
var rs = image.isLoaded ? 'loaded' : 'broken';
var time = new Date();
if(rs == 'loaded') {
console.log(time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds() + " 第一次加载成功 " + image.img.title);
return;
} else {
var initnum = 0;
callback(initnum, image);//加载失败开始回调
}
});
}
加载失败后回调:
function callback(initnum, image) {
var num = initnum;
var isLoad =