用js和css3做动画时,如何判断所有的图片元素都加载完了?

网友解答: 谢谢邀请。step1, 引用 jquery<script src="JS/jquery-1.11.1.js"</scriptstep2, 加入一段JS函数<

网友解答:

谢谢邀请。

step1, 引用 jquery<script src="JS/jquery-1.11.1.js"</scriptstep2, 加入一段JS函数

<script type="text/javascript"

$(function(){

var totalImg = $('img').length;

var currentImg = 0;

//console.log(111);

$("img").one('load',function(){

//console.log(222);

currentImg++;

if(currentImg === totalImg)

{

console.log('所有图片加载完毕');

}

}).each(function(){

if(this.complete)

$(this).load();

});

//console.log(333);

}

);

</script

step3,检查运行效果说明: 输出图片都加载完的部分,可以替换成你自己的逻辑代码片断。

希望能对你有所帮助,谢谢。

(结束)

标签: