JavaScript控制图片加载完成后调用回调函数的方法


Posted in Javascript onMarch 20, 2015

本文实例讲述了JavaScript控制图片加载完成后调用回调函数的方法。分享给大家供大家参考。具体分析如下:

这段代码可以控制指定区域内的图片加载完成后执行指定的回调函数。

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();

    }

}

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
9个JavaScript评级/投票插件
Jan 18 Javascript
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
Jun 25 Javascript
jQuery中 noConflict() 方法使用
Apr 25 Javascript
JavaScript的继承的封装介绍
Oct 15 Javascript
JS 新增Cookie 取cookie值 删除cookie 举例详解
Oct 10 Javascript
jQuery中slideUp()方法用法分析
Dec 24 Javascript
Jquery和Js获得元素标签名称的方法总结
Oct 08 Javascript
vue.js element-ui validate中代码不执行问题解决方法
Dec 18 Javascript
解决vue脚手架项目打包后路由视图不显示的问题
Sep 20 Javascript
Easyui 去除jquery-easui tab页div自带滚动条的方法
May 10 jQuery
angular6开发steps步骤条组件
Jul 04 Javascript
jquery实现进度条状态展示
Mar 26 jQuery
jQuery UI插件自定义confirm确认框的方法
Mar 20 #Javascript
js使用split函数按照多个字符对字符串进行分割的方法
Mar 20 #Javascript
原生Js实现简易烟花爆炸效果的方法
Mar 20 #Javascript
Javascript调用函数方法的几种方式介绍
Mar 20 #Javascript
初识Node.js
Mar 20 #Javascript
JavaScript Sort 的一个错误用法示例
Mar 20 #Javascript
JS实现的数组全排列输出算法
Mar 19 #Javascript
You might like
关于js和php对url编码的处理方法
2014/03/04 PHP
PHP关于htmlspecialchars、strip_tags、addslashes的解释
2014/07/04 PHP
ThinkPHP表单令牌错误的相关解决方法分析
2016/05/20 PHP
深入浅出讲解:php的socket通信原理
2016/12/03 PHP
tp5.1框架数据库子查询操作实例分析
2020/05/26 PHP
微信小程序实现的涂鸦功能示例【附源码下载】
2018/01/12 Javascript
详解vue-admin和后端(flask)分离结合的例子
2018/02/12 Javascript
vue单页开发父子组件传值思路详解
2018/05/18 Javascript
Vue三种常用传值示例(父传子、子传父、非父子)
2018/07/24 Javascript
前后端如何实现登录token拦截校验详解
2018/09/03 Javascript
jquery实现二级导航下拉菜单效果实例
2019/05/14 jQuery
python 正则表达式 概述及常用字符
2009/05/04 Python
python paramiko实现ssh远程访问的方法
2013/12/03 Python
Python标准库与第三方库详解
2014/07/22 Python
python编写网页爬虫脚本并实现APScheduler调度
2014/07/28 Python
在Python中使用成员运算符的示例
2015/05/13 Python
python利用rsa库做公钥解密的方法教程
2017/12/10 Python
学习Python selenium自动化网页抓取器
2018/01/20 Python
详解django的serializer序列化model几种方法
2018/10/16 Python
Python类中的魔法方法之 __slots__原理解析
2019/08/26 Python
Python pandas实现excel工作表合并功能详解
2019/08/29 Python
python线程的几种创建方式详解
2019/08/29 Python
Python监控服务器实用工具psutil使用解析
2019/12/19 Python
使用python无账号无限制获取企查查信息的实例代码
2020/04/17 Python
使用OpenCV获取图像某点的颜色值,并设置某点的颜色
2020/06/02 Python
python实现粒子群算法
2020/10/15 Python
python 下划线的不同用法
2020/10/24 Python
彪马日本官网:PUMA日本
2019/01/31 全球购物
出国留学自荐信
2013/10/25 职场文书
运动会开幕式邀请函
2014/01/22 职场文书
最新奶茶店创业计划书
2014/01/25 职场文书
2015会计试用期工作总结
2014/12/12 职场文书
企业财务经理岗位职责
2015/04/08 职场文书
golang 如何用反射reflect操作结构体
2021/04/28 Golang
Ajax实现三级联动效果
2021/10/05 Javascript
Windows 11要来了?微软文档揭示Win11太阳谷 / Win10有两个不同版本
2021/11/21 数码科技