跳到主要内容
提示

需引用/static/js/me.min.js后才可以使用

使用方法如下:

<img src="loading.jpg" data-src="img.jpg" class="imglazy"/>
<a data-src="img.jpg" class="imglazy">图片加载</a>
<i data-src="img.jpg" class="imglazy">图片加载</i>

<script>
$(".imglazy").imglazy({
"attr":"data-src", //可选,图片路径属性,默认 data-src
"error":"/images/error.jpg", //可选,图片加载失败的替换图片路径
"callback":function(){}, //可选,图片加载成功回调,传参当前dom节点。
"timer":10, //可选,图片加载间隔时间,减少并发。单位:毫秒
});
</script>
  • 当为img标签时,以图片形式渲染。
  • 当为非img标签时,以background形式渲染。