lazyload.JS实现图片异步延迟加载

lazyload.JS实现图片异步延迟加载

徘徊边缘 提交于 2019-12-10 11:28:14
前言:很多时候网站上很多图片一次性加载会很慢很卡……这个可以帮助你 使用场景:我的使用场景是点击图片再加载图片。 地址: https://raw.github.com/tuupola/jquery_lazyload/master/jquery.lazyload.js 网站: https://github.com/tuupola/jquery_lazyload 使用很简单,他本身是Jquery插件JS写的,依赖于JS只需要引入就可以了。 引入JS <script src="jquery.js" type="text/javascript"></script> <script src="jquery.lazyload.js" type="text/javascript"></script> 使用: < img class = "lazy" src = "img/grey.gif" data - original = "img/example.jpg" width = "640" heigh = "480" > <img class="lazy" data-original="img/example.jpg" width="640" heigh="480"> 以上2种写法是一样的,只是一个把默认图片放在了标签上,一个放在了后面事件中。 src:是默认显示的图片。 data