快捷導(dǎo)航

JavaScript控制圖片加載完成后調(diào)用回調(diào)函數(shù)的方法

更新時(shí)間：2015年03月20日 10:40:21 作者：令狐不聰

這篇文章主要介紹了JavaScript控制圖片加載完成后調(diào)用回調(diào)函數(shù)的方法,實(shí)例分析了javascript回調(diào)函數(shù)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(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();

    }

}

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript數(shù)據(jù)結(jié)構(gòu)Number
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)Number，Number?是JavaScript的基本數(shù)據(jù)結(jié)構(gòu)，是對(duì)應(yīng)數(shù)值的應(yīng)用類型，下文給大家分享JavaScript使用?Number?的常見問題,需要的朋友可以參考一下
2022-02-02
JavaScript實(shí)用工具庫lodash?使用
Lodash是一個(gè)JavaScript的實(shí)用工具庫,提供了很多常用的函數(shù)和工具,可以幫助我們更方便地操作數(shù)據(jù)和處理邏輯,這篇文章主要介紹了lodash?使用,需要的朋友可以參考下
2024-04-04
提交按鈕的name＝''submit''引起的js失效問題及原因
這篇文章主要介紹了提交按鈕的name＝'submit'引起的js失效問題及原因,需要的朋友可以參考下
2015-02-02
IE及IE6瀏覽器中判斷JS文件加載成功失敗的方法
這篇文章主要介紹了IE及IE6瀏覽器中判斷JS文件加載成功失敗的方法,本文使用vbscript來解決這個(gè)問題,需要的朋友可以參考下
2015-02-02
Javascript File和Blob詳解
這篇文章主要為大家介紹了Javascript File和Blob，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2021-12-12
基于JS實(shí)現(xiàn)bookstore靜態(tài)頁面的實(shí)例代碼
本文給大家分享一段核心代碼基于js實(shí)現(xiàn)的bookstore靜態(tài)頁面，代碼簡單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下
2017-02-02
IE與Firefox在JavaScript上的7個(gè)不同句法分享
盡管那需要用長串的、沉悶的不同分支代碼來應(yīng)付不同瀏覽器的日子已經(jīng)過去，偶爾還是有必要做一些簡單的區(qū)分和目標(biāo)檢測來確保某塊代碼能在用戶的機(jī)器上正常運(yùn)行
2011-10-10
JavaScript實(shí)現(xiàn)Tab選項(xiàng)卡切換
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)Tab選項(xiàng)卡切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
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)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧
2016-02-02