给你的个站添加图片延迟加载效果

我又吐槽了,先声明一下,这个功能可能和以前的自动滚动栏发生冲突,IE6 下错位,请酌情使用。

很简单添加一点点 js 代码就可以了,难得有时间更新了,不说废话,直接进入高潮!

如果你用的是 Emlog,那就先下载插件,然后上传到你的模板目录。

在已经加载了 jQuery 库的前提下,接着在打开 header.php,在 </head> 之前添加如下代码:

<script type="text/javascript" src="<?php echo TEMPLATE_URL; ?>lazyload.js"></script>
<script type="text/javascript">
 $(function() {         
     $("img").lazyload({
            effect:"fadeIn",
   failurelimit : 20
          });
     });
</script>

如果你用的不是 emlog 理论上也可以,同样下载附件,把第一句的 <?php echo TEMPLATE_URL; ?> 改为你的正确路径就可以了。



 


      题外话兼爆料:

      Emlog4.1 的二次内测准备结束了,我也很幸运的参加了这次的内测,测试中没有发现什么 BUG,并收到消息 4.1 正式版将会在中秋后几天内正式发布。大家再耐心的等多几天吧 ^_^

      因为我觉得二次内测的版本已经算是极度稳定了,应该不会再做什么大变动,所以就直接在 4.1 二测版的基础上全新写了一个模板,上面截图就是新模板的留言列表一部分,并计划紧贴着 4.1 的正式发布时共享出来,让大家能及时升级程序之余能有个民间模板先用着~ 哈哈,当然,要你喜欢才行。

 

插件:http://down.qiannao.com/space/file/xinxin8816/share/2011/9/10/lazyload.js.zip/.page

本文链接:https://zeallr.com/read/184.html
若无特别说明,本文系原创,且遵循 署名 - 非商业性使用 - 相同方式共享 4.0 (CC BY-NC-SA 4.0) 协议