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

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

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 返回列表 发新帖

QQ|小黑屋|手机版|Archiver|南京做好站网络科技有限公司 ( 苏ICP备17019756号-1 )

GMT+8, 2025-8-27 18:56 , Processed in 0.096886 second(s), 22 queries .

快速回复 返回顶部 返回列表