游客

标题:使用jquery图片延迟加载插件jquery.lazyload实现图片延迟加载提高网站打开速度
正文:
一、快速使用篇
1.导入JS插件<script src="您网站目录\jquery.js" type="text/javascript"></script>
<script src="您网站目录\jquery.lazyload.js" type="text/javascript"></script>
上面两个JS需要手动下载！http://ishare.iask.sina.com.cn/f/13031803.html2.在你的页面中加入如下的javascript：<script type="text/javascript">
$("img").lazyload();
</script>
这将会使所有的图片都延迟加载
二、高级篇详细介绍（不想了解那么多的可以直接绕过）
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担.Lazy Load 灵感来自 Matt Mlinac 制作的 YUI ImageLoader 工具箱.怎样使用?Lazy Load 依赖于 jQuery. 请将下列代码加入页面 head 区域:<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>
并且在你的执行代码中加入下面语句:$("#xd").lazyload();
这将使
[<<][[1]][2][3][>>]

查看评论(0)
发表评论



首页