欢迎访问CMS集中营! 本站QQ交流群:292800309
设为首页  |   加入收藏  |   RSS订阅  |   网站地图
CMS仿站建站技术教程_CMS免费模板源码下载-CMS集中营

PHP |  ThinkPHP |  MYSQL |  DIV+CSS |  JS |  模板

当前位置:首页 > DIV+CSS > 正文
相关文章

HTML实现图片异步加载/预加载/延迟加载/缓冲加载的方法

时间:2016-06-14 06:37:05   作者:烈鹰网络工作室   点击:
图片异步加载/预加载/延迟加载/缓冲加载的意思是不用一次把图片全部加载完:如CMS集中营站长的一个美女图片网站(咪喜哥精点 www.mxgjd.com),如果在打开网页时就载入所有图片,无疑会延缓载入速度,让用户等更久,所以,CMS集中营站长就用了这样一种插件,让网页 只加载浏览器视野范围内的图片,没出现在范围内的图片就暂不加载,等用户滑动滚动条时再逐步加载。
实现方法:
1、把所需的两个js文件(jquery-1.7.1.min.js 和 imglazyload.js <在文章最后有链接供大家下载>)引用到html中,一般放在<head>中
2、html中的img标签稍作修改:如:<img src="jiazai.jpg" lazysrc="pic.jpg">
解析:
src="jiazai.jpg"为图片预加载的显示图片,可以放一张比较小的图片
lazysrc="pic.jpg"为预加载图片之后浏览者正常看到的图片
适用于本文的下载链接(包含所需的JS文件、HTML文件、图片等完整演示示例):
https://yunpan.cn/cRu8YuxwIrcLd  访问密码 ae4c