建站心得:JQuery判断图片加载完毕
  • 内容
  • 评论
  • 相关
单个图片加载
function loadImage(url, load, error)
{
	var img = new Image(); //创建一个Image对象,实现图片的预下载
	img.src = url;
	if(img.complete)//如果图片已经存在于浏览器缓存,直接调用回调函数
	{
		load.call(img, img.width, img.height);
		return; // 直接返回,不用再处理onload事件
	}
	img.onload = function () {
		load && load.call(img);//将回调函数的this替换为Image对象
	};
	img.onerror = function () {
		error && error.call(img);
		img = img.onload = img.onerror = null;
	};
};

下面是针对多个image的加载判断。

var imgdefereds=[];
$('img').each(function(){
 var dfd=$.Deferred();
 $(this).bind('load',function(){
  dfd.resolve();
 }).bind('error',function(){
 //图片加载错误,加入错误处理
 // dfd.resolve();
 })
 if(this.complete) setTimeout(function(){
  dfd.resolve();
 },1000);
 imgdefereds.push(dfd);
})
$.when.apply(null,imgdefereds).done(function(){
    callback();
});


点赞
X
赞助一下:
    支付宝    微信    QQ红包

打开支付宝扫一扫
建站心得:JQuery判断图片加载完毕
本文标签:这篇文章木有标签
版权声明:若无特殊注明,本文皆为“懒人的小窝”原创,转载请保留文章出处。
本文链接:http://suppore.cn/97.html   百度已收录

发表评论

电子邮件地址不会被公开。 必填项已用*标注

00:00 / 00:00
顺序播放