最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery scrollLoading实现图片延迟加载的例子
时间：2015-06-08 编辑：简简单单 来源：一聚教程网
一：关于图片延迟加载
经常会遇到一个页面的加载图片很多，用户一进去就要等待很久的时间，全部耗在了图片的加载中，用户体验很不好，解决办法就是利用图片的延迟加载，只显示屏幕之内的图片，屏幕之外的不加载，只有图片的区域进入了浏览器可视窗口范围，则触发图片的加载并显示，这样的做法有两个好处，1：提高页面的加载速度；2：节省了流量。
二：实现方法
1：在页面引入jquery库文件
2：图片的地址和样式名设置
设置要延迟加载的图片为下面的格式：
src：是图片的默认加载图片
data-url：是图片的实际地址
class：标识延迟加载图片的样式名
在页面的footer引入scrollloading文件和执行延迟加载的功能：
scrollloading 下载地址：
/minty/js/jquery.scrollLoading.js
浏览器按快捷键F12 ，滚动页面会看到控制台一张一张图片的动态加载。
-
上一个： wordpress实现文章分页功能例子
相关文章
- jQuery 图片延迟加载特效实现代码 04-23
- Lazy Load延迟加载图片的 jQuery 插件使用教程 03-12
- jquery实现图片按需延迟加载原理 03-12
- jQuery插件DLoad实现延迟加载图片详解 07-12
- jquery lazy load延迟图片的加载 05-18
- jquery图片延迟加载效果实现方法 09-23