首页 > 代码库 > imagesLoaded – 检测网页中的图片是否加载
imagesLoaded – 检测网页中的图片是否加载
imagesLoaded 是一个用于来检测网页中的图片是否载入完成的 JavaScript 工具库。支持回调的获取图片加载的进度,还可以绑定自定义事件。可以结合 jQuery、RequireJS 使用。
插件下载 效果演示
使用示例:
// elementimagesLoaded( document.querySelector(‘#container‘), function( instance ) { console.log(‘all images are loaded‘);});// selector stringimagesLoaded( ‘#container‘, function() {...});// multiple elementsvar posts = document.querySelectorAll(‘.post‘);imagesLoaded( posts, function() {...});
绑定自定义事件:
var imgLoad = imagesLoaded( elem );function onAlways( instance ) { console.log(‘all images are loaded‘);}// bind with .on()imgLoad.on( ‘always‘, onAlways );// unbind with .off()imgLoad.off( ‘always‘, onAlways );
您可能感兴趣的相关文章
- Web 开发中很实用的10个效果【源码下载】
- 精心挑选的优秀jQuery Ajax分页插件和教程
- 12个让人惊叹的的创意的 404 错误页面设计
- 让网站动起来!12款优秀的 jQuery 动画插件
- 十分惊艳的8个 HTML5 & JavaScript 特效
本文链接:imagesLoaded – 检测网页中的图片是否加载
编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
imagesLoaded – 检测网页中的图片是否加载
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。