imagesLoaded – 检测网页中的图片是否加载
imagesLoaded 是一个用于来检测网页中的图片是否载入完成的 JavaScript 工具库。支持回调的获取图片加载的进度,还可以绑定自定义事件。可以结合 jQuery、RequireJS 使用。
使用示例:
// 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() {...});
绑定自定义事件:
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 );
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。