判断图片是否全部加载完成

摘要:
方法一(闭包):var$imgs=$;//所有图片//判断图片加载完成for{($imgs[i].onload=function(i){returnfunction(){if(i==$imgs.length-1){console.log('最后一张图片加载完成!如想判断全部加载完成可定义变量比较是不是img的长度,或者用方法二。

方法一(闭包):

var $imgs = $('.img');//所有图片
//判断图片加载完成
for (var i = 0; i < $imgs.length; i++) {
	($imgs[i].onload = function(i) {
		return function() {
			if(i == $imgs.length-1) {
				console.log('最后一张图片加载完成!');
			}
		}
	}(i));
}

PS:该方法是最后一张加载完成即加载完成。如想判断全部加载完成可定义变量比较是不是img的长度,或者用方法二。

方法二: 使用deferred

var defereds     =[];
var $imgs = $('.img');//所有图片
// 判断图片加载完成
$imgs.each(function() {
	var dfd = $.Deferred();
	$(this).load(dfd.resolve);
	defereds.push(dfd);
});
$.when.apply(null, defereds).done(function() {
	console.log('全部加载完成!')
});

免责声明:文章转载自《判断图片是否全部加载完成》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇C#-属性KVM虚拟机管理——虚拟机克隆下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

微信分享回调

在我们的项目中,我曾经判断用户是否通过微信分享了文章或内容。在确认用户通过微信分享了文章或内容后,我向用户添加了相应的分数。...

【转】Kettle集群

本文转自:http://blog.csdn.net/dqswuyundong/article/details/5952009KettleCluster Kettle是一个开源ETL工具,以其效率和可扩展性而闻名于业界。其高效的一个重要原因是其多线程和集群功能。Kettle的多线程采用了管道并发机制,这在另一篇文章中专门介绍。本文主要介绍水壶集群。群集允许转换...

win server2008关闭危险端口445,135,137,138,139的方法

在Windowsserver2008系统上,有两种途经可以禁用本地端口:1、通过Windows防火墙2、通过IP安全策略一、通过Windows防火墙禁用端口:1、点击“控制面板-Windows防火墙”,确保启用了Windows防火墙。重复操作,添加135、137、138、139规则然后在新规则属性中,单击筛选器操作选项卡单击下方的添加,并且不要勾选右侧的使用...

隔板法

分区法用于将n个球变成m个盒子:(1)不允许为空:n个球放在m个盒子中,而n-1个球是通过用m-1个分区分隔n个球来放置的,因此Cn-1,m-1(2)可以为空:m个盒子里放n个球,可以为空。首先想象m个球被放置在m个盒子中,每个盒子一个,然后手中的n个球被分配到m个盒子。此时,箱子不能为空。此时,我们使用n+m个球,如果我们取出m个球的话,我们可以得到n个球...

Linux shell脚本,按顺序批量启动多个jar包,批量启动spring cloud的jar包

Linux shell脚本,按顺序批量启动多个jar包,批量启动spring cloud jar包1.手动逐个启动:nohupjavajarurekaserver。jar˃../logs/eurekaserver.log2˃&1&nohupjavajarconfigserver。jar˃../logs/configserver.log2˃&a...

Zabbix服务网页报错汇总

第1章Zabbix简介及组成1.1zabbix简介zabbix是一个基于web界面,提供分布式系统监视以及网络监视功能的企业级的开源解决方案。支持linux及类unix、windows平台只能安装客户端(被监控)第2章Zabbix3.0.13服务端安装zabbixserver3.0无法centos6上进行yum安装,故我们要在centos7上进行yum安装。...