图片懒加载


该组件基于jquery.lazyload.js修改,加载过的图片不再重复加载,结合javaex后支持tab切换和幻灯片
使用方式
<script>
	javaex.lazyload({
		selector : "img"	// jquery选择器
	});
</script>
演示
代码
<style>
	img {
		width: 570px;
		height: 360px;
	}
</style>

<div style="width: 570px;margin: 0 auto;">
	<img data-original="http://img5.mtime.cn/mg/2019/01/23/210716.46788093.jpg"/>
	<img data-original="http://img5.mtime.cn/mg/2019/01/23/181928.45891757.jpg"/>
	<img data-original="http://img5.mtime.cn/mg/2019/01/23/203611.73700942.jpg"/>
	<img data-original="http://img5.mtime.cn/mg/2019/01/23/202556.12361455.jpg"/>
	<img data-original="http://img5.mtime.cn/mg/2019/01/23/202724.93232158.jpg"/>
	<img data-original="http://img5.mtime.cn/mg/2019/01/23/162511.90867650.jpg"/>
</div>

<script>
	javaex.lazyload({
		selector : "img"	// jquery选择器
	});
</script>

参数说明(使用属性默认值时,可以缺省该属性)
序号 属性名 默认值 说明
1 selector jquery选择器,最终指定到img即可。例如:".focus-bg img"
2 threshold 100 提前多少像素开始加载
3 dataOriginal data-original 占位属性(图片延迟加载时,从该属性中获取真正的图片地址)