JavaScript控制圖片加載完成后調(diào)用回調(diào)函數(shù)的方法
更新時間：2015年03月20日 10:40:21 作者：令狐不聰
這篇文章主要介紹了JavaScript控制圖片加載完成后調(diào)用回調(diào)函數(shù)的方法,實例分析了javascript回調(diào)函數(shù)的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JavaScript控制圖片加載完成后調(diào)用回調(diào)函數(shù)的方法。分享給大家供大家參考。具體分析如下：
這段代碼可以控制指定區(qū)域內(nèi)的圖片加載完成后執(zhí)行指定的回調(diào)函數(shù)。
復(fù)制代碼 代碼如下:
function when_images_loaded($img_container, callback) {
/* do callback when images in $img_container (jQuery object) are loaded. Only works when ALL images in $img_container are newly inserted images and this function is called immediately after images are inserted into the target. */
var _imgs = $img_container.find('img'),
img_length = _imgs.length,
img_load_cntr = 0;
if (img_length) {//if the $img_container contains new images.
_imgs.on('load', function() {//then we avoid the callback until images are loaded
img_load_cntr++;
if (img_load_cntr == img_length) {
callback();
}
});
}
else { //otherwise just do the main callback action if there's no images in $img_container.
callback();
}
}
/* do callback when images in $img_container (jQuery object) are loaded. Only works when ALL images in $img_container are newly inserted images and this function is called immediately after images are inserted into the target. */
var _imgs = $img_container.find('img'),
img_length = _imgs.length,
img_load_cntr = 0;
if (img_length) {//if the $img_container contains new images.
_imgs.on('load', function() {//then we avoid the callback until images are loaded
img_load_cntr++;
if (img_load_cntr == img_length) {
callback();
}
});
}
else { //otherwise just do the main callback action if there's no images in $img_container.
callback();
}
}
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
JavaScript數(shù)據(jù)結(jié)構(gòu)Number
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)Number，Number?是JavaScript的基本數(shù)據(jù)結(jié)構(gòu)，是對應(yīng)數(shù)值的應(yīng)用類型，下文給大家分享JavaScript使用?Number?的常見問題,需要的朋友可以參考一下2022-02-02
Lodash是一個JavaScript的實用工具庫,提供了很多常用的函數(shù)和工具,可以幫助我們更方便地操作數(shù)據(jù)和處理邏輯,這篇文章主要介紹了lodash?使用,需要的朋友可以參考下2024-04-04
提交按鈕的name＝''submit''引起的js失效問題及原因
這篇文章主要介紹了提交按鈕的name＝'submit'引起的js失效問題及原因,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了IE及IE6瀏覽器中判斷JS文件加載成功失敗的方法,本文使用vbscript來解決這個問題,需要的朋友可以參考下2015-02-02
這篇文章主要為大家介紹了Javascript File和Blob，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
基于JS實現(xiàn)bookstore靜態(tài)頁面的實例代碼
本文給大家分享一段核心代碼基于js實現(xiàn)的bookstore靜態(tài)頁面，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-02-02
IE與Firefox在JavaScript上的7個不同句法分享
盡管那需要用長串的、沉悶的不同分支代碼來應(yīng)付不同瀏覽器的日子已經(jīng)過去，偶爾還是有必要做一些簡單的區(qū)分和目標(biāo)檢測來確保某塊代碼能在用戶的機器上正常運行2011-10-10
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)Tab選項卡切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
JavaScript中常用的字符串方法函數(shù)操作方法總結(jié)
這篇文章主要介紹了JavaScript中所有的字符串函數(shù)操作方法整理匯總,包括字符串的長度、連接、查找、截取、替換、分隔、轉(zhuǎn)換等處理方法,以及網(wǎng)址中獲取文件名等等,需要的朋友可以參考下2023-12-12
JavaScript判斷變量是否為數(shù)組的方法(Array)
這篇文章主要介紹了JavaScript判斷變量是否為數(shù)組的方法(Array),涉及到j(luò)avascript 數(shù)組 變量相關(guān)知識，感興趣的朋友一起學(xué)習(xí)吧2016-02-02