用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,检查运行效果说明: 输出图片都加载完的部分,可以替换成你自己的逻辑代码片断。希望能对你有所帮助,谢谢。
(结束)