湖南快乐十分遗漏统计:用jQuery实现图片延迟加载的方法 Lazy Load

在浏览有些网站时,发现图片是在下拉滚动条时才加载,这不仅是一个很不错的用户体验,还可以加快网站的速度。很多大型网站都在用,好处还是蛮多的。现在很多WordPress湖南快乐十分app下载已经自带了这功能,如果没有自带湖南快乐十分app下载实现图片延迟加载可以看看这篇文章。

对于图片非常多的网站,载入网页还是需要比较长的时间,这个时候我们可以使用 Lazy Load 这个 湖南快乐十分app下载 插件来延迟加载图片,让浏览者在下拉滚动条时才加载图片。

Lazy Loader 使用也非常简单,首先确保你的页面已经加载 湖南快乐十分app下载 Javascript 库,然后再加载 Lazy Load 的 Javascript 文件

首先下载lazyload,解压后上传放到湖南快乐十分app下载目录中,然后在header.php模板文件标签前添加如下代码:

<script type="text/javascript" src="这里填写具体的存放路径/lazyload.js"></script>

然后在页面的 header 添加如下代码即可:

<script type="text/javascript"></script>
$(document).ready(function(){
$("img").lazyload({
placeholder : "/images/grey.gif",
effect : "fadeIn"
});
}
</script>

首先确保你的页面已经加载 湖南快乐十分app下载 Javascript 库 如果没有可以在header.php模板文件 head 部分添加:

<script type="text/javascript" src="//code.jquery.com/jquery-1.7.1.min.js"></script>

最后编辑于:2012/2/12作者: 游子

热爱一切美好的新事物,搞网站也被网站搞,剁手折腾。关注与学习Web相关技术与UI\UE\UED\UCD\Server相关知识,服务器运维、前端、后端、非专业程序猿、非高级前端后端攻城师!

暂无评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

arrow grin ! ? cool roll eek evil razz mrgreen smile oops lol mad twisted wink idea cry shock neutral sad ???

湖南快乐十分app下载
  • 图解:十二字“洞见”2017年保险业 2018-07-26
  • 与蓝有关的10部电影,你都看过哪一部? 2018-07-25
  • 【波士瑞达奔驰车型报价】波士瑞达奔驰4S店车型价格 2018-07-25
  • 江苏淮安:创建食品安全+互联网透明共治新体系 2018-07-25
  • 女子在自家院子乘凉 被后山滚落千斤巨石砸死 2018-07-24
  • 青海省果洛州达日县多举措促进义务教育均衡发展 2018-07-24
  • 城市环境研究︱湿地公园如何“积极保护” 2018-07-24
  • 社会财富私有制反映在人们头脑中必然产生贪欲心,“炒”是人们在贪欲心支配下的一种市场行为。这种贪欲心只能随着私有制的逐渐消亡而最终消失。 2018-07-24
  • 贵州日报报业集团总编辑万群祝贺人民日报创刊70周年 2018-07-23
  • 宁陵县:法院家事的实践与创新 2018-07-23
  • 天津今年前5月开出环保罚单6614万元 2018-07-23
  • 2017“大地飞歌”门票热销 电子票卡可乘公交地铁 2018-07-22
  • 周杰伦昆凌为儿子庆生 小小周帅气入镜 2018-07-22
  • 人民网日本株式会社报道集 2018-07-22
  • 今年内蒙古高考各批次录取时间公布 2018-07-21
  • 107| 882| 699| 348| 763| 364| 108| 527| 822| 102|