网页加载后执行插件 imagesLoaded.js

我们经常用到这个插件,比如瀑布流,我们需要页面图片加载完以后在执行瀑布流就不会产生bug,比如h5切图秀,我们需要页面图片加载完以后在执行fullpage就会更加的流畅,网页加载后执行,很大一部分取决于图片加载后执行,而 imagesLoaded.js 可以帮助你做到。

使用示例:

// 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 );
切版- 切图网(qietu.com)旗下psd转html,前端外包的“切图客”团体。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

客服咨询
客服1
客服2
微信公众号