JS滚动加载图片

时间:2020-12-21 08:10:09
【文件属性】:

文件名称:JS滚动加载图片

文件大小:5.55MB

文件格式:ZIP

更新时间:2020-12-21 08:10:09

HTML CSS JavaScript

导入脚本 导入imgRunLoading.js脚本文件,或将其写入您的常用脚本文件中。 脚本代码片段提供未压缩和压缩过后的2种代码片段供你选择,请根据实际情况自行判断。 基础设置 给需要滚动加载的图片添加上data-url属性,值为图片的真实地址,src属性填写一张默认图片的地址。 方法引用 确定好一个有固定高度,且有滚动条的块级元素后,调用方法imgRunLoading(string id,boolean isConstant)。 参数有两个,第一个是该滚动元素的id,第二个参数指示是否是固定(无新增)图片,默认为false。 扩展-手动执行 由于图片滚动加载只会在滚动时执行,所以对于即时加入的图片将不会进行加载操作,此时你可以执行扩展方法loading()去实时执行一次加载方法 补充说明 影响范围:仅对滚动元素内包含data-url属性的img起效 起效条件:仅对出现在视窗内的img起效 起效漏洞:仅对竖向滚动条起效,无视横向滚动条


【文件预览】:
imgRunLoading
----normal.png(8KB)
----2.jpg(826KB)
----demo_kz.html(4KB)
----8.jpg(606KB)
----6.jpg(548KB)
----1.jpg(859KB)
----imgRunLoading.js(2KB)
----4.jpg(758KB)
----5.jpg(763KB)
----7.jpg(760KB)
----demo.html(3KB)
----3.jpg(581KB)

网友评论