最新消息:欢迎加入小松的QQ群一起讨论一起学习,本站启用elasticsearch全文检索系统,提供搜索的精确度

jquery 图片延时加载

wordpress 1223浏览 0评论

jquery 图片延时加载

jquery图片延时加载技术也叫懒加载技术(简称lazyload),它的好处,可提高网站的加载速度,节约带宽,减少服务器压力
使用原则首屏的图片不要使用图片延时加载,为什么这设置,原因很简单,当用户打开网站的时候,网页的首屏图片必须会加载的,如果用户打开网页看到图片还有加载,这样用户体验不好
讲一下怎么使用
下载地址http://www.appelsiini.net/projects/lazyload

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>
<img class="lazy" data-original="img/example.jpg" width="640" height="480">

$(function() {
$("img.lazy").lazyload();
});
QQ交流群:136351212

如无特别说明,本站文章皆为原创,若要转载,务必请注明以下原文信息:
转载保留版权:小松博客» jquery 图片延时加载
本文链接地址:https://www.phpsong.com/468.html

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
木有头像就木有JJ!点这里按步骤申请Gravatar头像吧!

网友最新评论 (1)

加载中,请稍候...
  1. :mrgreen: :mrgreen: :mrgreen: 求代码解剖!
    RayKing2年前 (2015-03-15)回复