延迟加载图片的 jQuery 插件——lazyload.js
2014-03-05 11:13
736 查看
lazyload 这个 jQuery 插件,是用来缓冲加载图片的插件。如果一篇文章很长有很多图片的话,下载图片就需要很多时间。而这款插件,会检测你的滚动情况,只有你要看到那个图片的时 候,它才会从后台请求下载图片,然后显示出来。使用这个插件,可以在需要显示图片的时候,才下载图片,所以可以减少服务器的压力,避免不必要的资源下载。 如果一个人不看下面的图片,那加载下面的图片就是一种浪费。
而Lazy Load 插件原理:直接修改 HTML 的结构,在 img 标签中添加新的属性,把 src 属性的值指向占位图片,添加 data-original 属性,让其指向真正的图像地址。
具体效果:延迟加载图片
而Lazy Load 插件原理:直接修改 HTML 的结构,在 img 标签中添加新的属性,把 src 属性的值指向占位图片,添加 data-original 属性,让其指向真正的图像地址。
<img data-original=“img/example.jpg” src=“img/grey.gif”>
具体效果:延迟加载图片
相关文章推荐
- jquery插件实现图片延迟加载(lazyload.js)
- Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
- jquery插件实现图片延迟加载(lazyload.js)
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法
- jquery.lazyload.js 插件实现图片异步延迟加载
- 延迟加载图片的 jQuery 插件:LazyLoad.js及scrollLoading.js
- jQuery图片延迟加载插件lazyload.js
- Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
- jquery插件实现图片延迟加载(lazyload.js)
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法
- Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
- Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- jquery插件实现图片延迟加载 -- jquery.lazyload
- 图片延迟加载插件Jquery LazyLoad
- jquery.lazyload.js 图片延迟加载
- 延迟加载图片插件LazyLoad.js的使用方法
- Jquery图片延迟加载插件jquery.lazyload.
- 图片延迟加载jquery插件imgLazyLoad(三)
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解