JavaScript控制图片加载完成后调用回调函数的方法
更新时间：2015年03月20日 10:40:21 作者：令狐不聪
这篇文章主要介绍了JavaScript控制图片加载完成后调用回调函数的方法,实例分析了javascript回调函数的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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();
}
}
/* 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数据结构Number，Number 是JavaScript的基本数据结构，是对应数值的应用类型，下文给大家分享JavaScript使用 Number 的常见问题,需要的朋友可以参考一下2022-02-02
Lodash是一个JavaScript的实用工具库,提供了很多常用的函数和工具,可以帮助我们更方便地操作数据和处理逻辑,这篇文章主要介绍了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实现的bookstore静态页面，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下2017-02-02
IE与Firefox在JavaScript上的7个不同句法分享
尽管那需要用长串的、沉闷的不同分支代码来应付不同浏览器的日子已经过去，偶尔还是有必要做一些简单的区分和目标检测来确保某块代码能在用户的机器上正常运行2011-10-10
这篇文章主要为大家详细介绍了JavaScript实现Tab选项卡切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
这篇文章主要介绍了JavaScript中所有的字符串函数操作方法整理汇总,包括字符串的长度、连接、查找、截取、替换、分隔、转换等处理方法,以及网址中获取文件名等等,需要的朋友可以参考下2023-12-12
这篇文章主要介绍了JavaScript判断变量是否为数组的方法(Array),涉及到javascript 数组 变量相关知识，感兴趣的朋友一起学习吧2016-02-02
最新评论