imagesLoaded – 检测网页中的图片是否加载
imagesLoaded 是一个用于来检测网页中的图片是否载入完成的 JavaScript 工具库。支持回调的获取图片加载的进度,还可以绑定自定义事件。可以结合 jQuery、RequireJS 使用。
使用示例:
1 2 3 4 5 6 7 8 9 | // element imagesLoaded( document.querySelector( '#container' ), function ( instance ) { console.log( 'all images are loaded' ); }); // selector string imagesLoaded( '#container' , function () {...}); // multiple elements var posts = document.querySelectorAll( '.post' ); imagesLoaded( posts, function () {...}); |
绑定自定义事件:
1 2 3 4 5 6 7 8 | 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 ); |
您可能感兴趣的相关文章
作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步