代码拉取完成,页面将自动刷新
同步操作将从 FeCoder/FunLazy 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
FunLazy 是一个基于 jQuery 的图片懒加载组件,可以完美兼容桌面端和移动端的主流浏览器
组件在不同的浏览器中会自动选择最佳的懒加载方式,以此提高懒加载的性能
<!-- jquery 1.9.0+ -->
<script src="jquery.min.js"></script>
<script src="funlazy.min.js"></script>
<body>
<img data-funlazy="01.jpg" width="700" height="700">
<img data-funlazy="02.jpg" width="700" height="700">
<img data-funlazy="03.jpg" width="700" height="700">
<img data-funlazy="04.jpg" width="700" height="700">
<img data-funlazy="05.jpg" width="700" height="700">
<img data-funlazy="06.jpg" width="700" height="700">
<img data-funlazy="07.jpg" width="700" height="700">
<img data-funlazy="08.jpg" width="700" height="700">
<img data-funlazy="09.jpg" width="700" height="700">
<img data-funlazy="10.jpg" width="700" height="700">
</body>
$.FunLazy({
onSuccess: function ( el, img ) {
console.log( "图片:" + img + "已加载" );
}
});
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
container | 目标容器,默认:null 表示 window | Object / String | null |
effect | 图片显示效果,可选值:show, fadeIn | String | show |
placeholder | 占位图片 | String | base64 编码的灰图 |
errorPlaceholder | 图片加载失败时的占位图片 | String | "" |
threshold | 边界值,单位:px | Number | 0 |
width | 图片宽度,数字值时单位是 px,也可以是百分比形式,可通过 css 或行内属性设置 | Number / String | null |
height | 图片高度,数字值时单位是 px,也可以是百分比形式,可通过 css 或行内属性设置 | Number / String | null |
axis | 容器滚动方向,可选值:x, y | String | y |
eventType | 指定加载图片的鼠标事件,可选值:click, dblclick, mouseover | String | "" |
onSuccess | 图片加载成功时执行的回调函数,回调参数有两个: 1. 图片加载成功的元素 2. 加载成功的图片地址 |
Function | 空函数 |
onError | 图片加载失败时执行的回调函数,回调参数有两个: 1. 图片加载失败的元素 2. 加载失败的图片地址 |
Function | 空函数 |
Chrome | Firefox | Opera | Edge | Safari | IE6+ |
---|---|---|---|---|---|
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。