图片加载完毕执行函数

1.js

var t_img; // 定时器
var isLoad = true; // 控制变量

// 判断图片加载状况,加载完成后回调
isImgLoad(function() {
	// 加载完成
});

// 判断图片加载的函数
function isImgLoad(callback) {
	// 注意我的图片类名都是cover,因为我只需要处理cover。其它图片可以不管。
	// 查找所有封面图,迭代处理
	$('.cover').each(function() {
		// 找到为0就将isLoad设为false,并退出each,当图片没有加载完毕时img的高度为零,只有当img加载完毕时才会有高度
		if(this.height === 0) {
			isLoad = false;
			return false;
		}
	});
	// 为true,没有发现为0的。加载完毕
	if(isLoad) {
		clearTimeout(t_img); // 清除定时器
		// 回调函数
		callback();
		// 为false,因为找到了没有加载完成的图,将调用定时器递归
	} else {
		isLoad = true;
		t_img = setTimeout(function() {
			isImgLoad(callback); // 递归扫描
		}, 500); // 我这里设置的是500毫秒就扫描一次,可以自己调整
	}
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值