lazyload延时加载插件使用教程

Time:2014/08/17 16:01:18   Click:

很多个人站长由于成本有限,不得不选择便宜的虚拟空间或者vps,或者配置较低的服务器,所以,网站的打开速度一直都是个人站长头疼的问题,当然,如果硬件已经确定了,那么,想要在提高网站的加载速度,就要从代码来做工作了,至于那些网页压缩,css代码优化什么的,我想这里就不提了,网上也多的是,今天我要为大家推荐的是就是一个lazyload的jquery插件,从英文名就要以看出他的作用了,直接说用法吧:

wordpress站长安装教程:

将下载好的包解压,里面有三个文件,将lazyload文件夹用ftp传至wordpress的主题目录,如图。然后打开正在合作的主题文件夹,找到footer.php文件,在</html>后台加上以下代码,如图:

<script type="text/javascript" src="/wp-content/themes/lazyload/jquery.js"></script>
<script type="text/javascript" src="/wp-content/themes/lazyload/jquery.lazyload.js"></script>

第一步,拷贝到themes下
www.shangfox.com (1)

第二步:找到footer.php

www.shangfox.com (3)

第三步:如下添加代码即可。

www.shangfox.com (2)

Dedecms织梦站长安装教程:

将下载好的包解压,里面有三个文件,将lazyload文件夹用ftp传至dede的目录,如图。然后打开正在合作的主题文件夹,找到footer.php文件,在</html>后台加上以下代码,如图:

<script type="text/javascript" src="/templets/default/lazyload/jquery.js"></script>
<script type="text/javascript" src="/templets/default/lazyload/jquery.lazyload.js"></script>

www.shangfox.com (4)

www.shangfox.com (5)

本站已经添加此效果,可看效果在来自行添加,代码包下载:www.shangfox.com.lazyload.1.0.zip

下载地址:www.shangfox.com.lazyload.1.0.zip

TOP

四川尚狐网络@2012 版权所有
蜀ICP备12016524号-2

立即咨询
成都网站建设,成都做网站,四川尚狐网络
40f13d50b73e104f832ed1b719ae6935