DIY的JS延迟加载图片的插件
在很多时候,我们的页面会显示大量的图片,若要等待所有图片都呈现出来则会影响页面的响应速度。今天共享一个DIY的利用JS来延迟加载图片的插件。大概的实现方式是:页面的定义元素img时,将src统一替换成自定义的一个属性名,如叫“originalSrc”,然后利用JS把给img的src设置为一个定义好的等待图片,然后在scroll事件触发时,把img元素位置正好在浏览器显示范围内把“originalSrc”属性值赋予"src",然后移除“originalSrc”属性。原来是打算不破坏页面元素结构风格,不添加“originalSrc”属性,直接通过面页加载时,通过JS将img的src替换成originalSrc,可是那样的话就
下载地址
用户评论
还不错,虽然网上延迟加载的挺多的额
感觉不是很好,现在用lazyload方便多了。
还不错,可以用啊
这个确实非常好用!
非常好,谢谢
经过测试,还是一个很不错的demo,值得学习噢
终于明白了这个思想是什么了
好东西,学了不少,里面很多东西写的还是可以的
一般 我感觉不是很好