1.0.7 • Published 11 years ago
imagelazyloader v1.0.7
Image Lazy Loader
HTML 图片延迟加载组件,当页面滚动到图片位置时才加载图片。
应用 <img> 标签
<img src="images/blank.gif" data-src="images/original_image.jpg" />
初始化组件
<script type="text/javascript">
var imageLoader = new ImageLazyLoader();
/*
var imageLoader = new ImageLazyLoader({
realSrcAttribute: 'data-original' // realSrcAttribute 可以更改访问图片真实地址 img 属性
});
*/
</script>
当页面有新的DOM被渲染时,可以使用 scan 接口扫描被新加入到页面中的 image
<script type="text/javascript">
imageLoader.scan(document.getElementById('newElement1'));
</script>