imagesLoaded – 检测网页中的图片是否加载

最新推荐文章于 2024-08-15 09:28:01 发布

weixin_34391445

最新推荐文章于 2024-08-15 09:28:01 发布

阅读量179

点赞数

文章标签： javascript 前端 ViewUI

介绍imagesLoaded，一个用于检测网页图片是否载入完成的JavaScript工具库，支持回调和自定义事件绑定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

您可能感兴趣的相关文章