站首页图片延迟加载技术

作者:来源:日期:2012-07-20
  

本人的网站http:// om首页由于图片较多,加载时间太长。
在百度上搜索有关图片延迟加载技术之类的网页,照章使用,花了三天时间,结果大部分都不能真正实现这个技术。听朋友说4399、7k7k游戏网站都采用的这技术,于是研究了一天,今天终于搞定了。
下面是本人的方法:

1、从本网站下载三个js文件。分别是:jquery.lazyload.js、validation.js、lazyImg.js
2、在</head>之前加入以下二行:
<SCRIPT type=text/javascript src="http://www.5 ery.lazyload.js"></SCRIPT>
<SCRIPT type=text/javascript charset=utf-8 src="http://www.5m mages/validation.js"></SCRIPT>
其中的http:/ 你的域名

3、在你的网站首页能正常运行的情况下,更改图片的img代码。
比方我的网站加载图片的代码是这样的:
<li><a title="常用自动弹出的在线客服代码 " target="_blank" href=http://ww x/pfggdm/20120301/3672.html > <img src=" http://www.5m 011130215098.jpg" ' border='0' width='120' height='120' alt="常用自动弹出的在线客服代码" ></a> </li>
本部分内容设定了隐藏,需要回复后才能看到

4、最后一步,在</BODY>代码前插入一行代码:
<SCRIPT language=javascript src=" http mages/lazyImg.js"></SCRIPT>
5、重新生成网站首页,大功告成。
 欢迎转载本文,但请注明本文来