图片懒加载资料


1.jQuery图片延迟加载插件jQuery.lazyload

参考网站

http://www.jq22.com/jquery-info390

2.lazysizes – 图片懒加载


参考网站 http://top.css88.com/archives/34


High performance lazy loader for images (responsive and normal), iframes and scripts, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.

lazysizes 是一个当图片进入视线时再进行加载的JS库,特点是免配置,直接写到html标签里边就好了,比如这样:

<img class="lazyload" data-src="image.jpg" alt="Desert Road" />

载入的图片还是响应式的。Github → https://github.com/aFarkas/lazysizes 在线demo → http://afarkas.github.io/lazysizes/#examples

通过aFarkas/lazysizes.


你可能感兴趣的:(图片懒加载资料)