首頁  >  文章  >  web前端  >  圖片載入完成再執行事件

圖片載入完成再執行事件

小云云
小云云原創
2018-01-18 14:49:022080瀏覽

本文主要為大家分享一篇圖片載入完成再執行事件的實例,具有很好的參考價值,一起跟隨小編過來看看吧,希望對大家有所幫助,希望能幫助到大家。

實例如下:

//图片加载
function load(imgSrc,callback) {
 var imgs = [];
 var c = 0;
 for (var i = 0; i < imgSrc.length; i++) {
  imgs[i] = new Image();
  imgs[i].src = imgSrc[i];
  imgs[i].onload = function(){
   c++
   if(c == imgSrc.length){
    if(callback){
     callback();
    }
   }
  }
 }
 return imgs;
}

應用程式場景:一些圖片較多的頁面,有些需要加上進度條或百分比讀取等載入效果的頁面,一般行動裝置頁面用得比較多

相關推薦:

如何解決背景圖片載入不出問題

js圖片載入的兩種效果實例程式碼

Javascript實作圖片載入從模糊到清晰顯示的方法

以上是圖片載入完成再執行事件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn