admin 发表于 2012-8-21 08:38:07

Discuz! X实现图片延迟加载方法

ImageLazyLoad技术就是,当前可见界面的图片是加载进来的,而不可见页面(通过滚动条下拉可见)中的图片是不加载的,只是预加载一个很小的填充图片,等到访客滑动鼠标滑轮或浏览到图片位置时,真正的图片地址才会加载。这样势必会引起速度上质的提升。
LazyLoad使用方法:
1、后台---全局---SEO设置---其他头部信息
加入以下代码:<script type="text/javascript" src="static/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="static/js/jquery.lazyload.js"></script>
<script type="text/javascript">
jQuery(document).ready(
function($){
$("img").lazyload({
placeholder : "static/js/grey.gif",
effect : "fadeIn"
});
});
</script> 2、更新缓存即可。
下载包
lazyload_fix.rar
http://kuai.xunlei.com/d/ZYHTGPHIEUVG
解压后放入static/js/文件夹
页: [1]
查看完整版本: Discuz! X实现图片延迟加载方法