1. 首页
  2. 编程语言
  3. Javascript
  4. DIY的JS延迟加载图片的插件

DIY的JS延迟加载图片的插件

上传者: 2019-09-07 05:10:59上传 RAR文件 500kb 热度 53次
在很多时候,我们的页面会显示大量的图片,若要等待所有图片都呈现出来则会影响页面的响应速度。今天共享一个DIY的利用JS来延迟加载图片的插件。大概的实现方式是:页面的定义元素img时,将src统一替换成自定义的一个属性名,如叫“originalSrc”,然后利用JS把给img的src设置为一个定义好的等待图片,然后在scroll事件触发时,把img元素位置正好在浏览器显示范围内把“originalSrc”属性值赋予"src",然后移除“originalSrc”属性。原来是打算不破坏页面元素结构风格,不添加“originalSrc”属性,直接通过面页加载时,通过JS将img的src替换成originalSrc,可是那样的话就
下载地址
用户评论
码姐姐匿名网友 2019-09-07 05:10:59

还不错,虽然网上延迟加载的挺多的额

码姐姐匿名网友 2019-09-07 05:10:59

感觉不是很好,现在用lazyload方便多了。

码姐姐匿名网友 2019-09-07 05:10:59

还不错,可以用啊

码姐姐匿名网友 2019-09-07 05:10:59

这个确实非常好用!

码姐姐匿名网友 2019-09-07 05:10:59

非常好,谢谢

码姐姐匿名网友 2019-09-07 05:10:59

经过测试,还是一个很不错的demo,值得学习噢

码姐姐匿名网友 2019-09-07 05:10:59

终于明白了这个思想是什么了

码姐姐匿名网友 2019-09-07 05:10:59

好东西,学了不少,里面很多东西写的还是可以的

码姐姐匿名网友 2019-09-07 05:10:59

一般 我感觉不是很好