用js和css3做動(dòng)畫時(shí)，如何判斷所有的圖片元素都加載完了？
網(wǎng)友解答: 謝謝邀請。step1, 引用 jquery<script src="JS/jquery-1.11.1.js"</scriptstep2, 加入一段JS函數(shù)<
謝謝邀請。
step1, 引用 jquery<script src="JS/jquery-1.11.1.js"</scriptstep2, 加入一段JS函數(shù)<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,檢查運(yùn)行效果說明： 輸出圖片都加載完的部分，可以替換成你自己的邏輯代碼片斷。希望能對你有所幫助，謝謝。
（結(jié)束）