Discuz新视界自媒体主题商业版 [价值198元] 含DIY文件及安装导入教程

一、图片懒加载又称图片滚动加载，那么什么是图片滚动加载？

通俗的讲就是：当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成为加载动画图片的路径（这样就只需请求一次），只有当图片出现在浏览器的可视区域内时，才加载图片真正的路径，让图片显示出来。

二、为什要使用这个技术？

比如一个页面中有很多图片，如淘宝、京东首页等等，如果一上来就发送这么多请求，页面加载就会很漫长，如果js文件都放在了文档的底部，恰巧页面的头部又依赖这个js文件，那就不好办了。更为要命的是：一上来就发送百八十个请求，服务器可能就吃不消了（又不是只有一两个人在访问这个页面）。

因此优点就很明显了：不仅可以减轻服务器的压力，而且可以让加载好的页面更快地呈现在用户面前（用户体验好）。

安装说明

1：在门户首页导入diy文件夹里面的“portal-index.xml”文件；

2：在论坛首页导入diy文件夹里面的“forum-discuz.xml”文件；

3：在论坛版块主题列表页导入diy文件夹里面的“forum-forumdisplay.xml”文件；

4：在论坛帖子内容页导入diy文件夹里面的“forum-viewthread.xml”文件；

5：在频道文章列表页导入diy文件夹里面的“portal-list_1.xml”文件；

6：在资讯文章内容页导入diy文件夹里面的“portal-view_1.xml”文件；

三、图片修改均在template\h2o_new_sj\images 及 下属子目录里

四、头部及用户弹窗文字和链接在在template\h2o_new_sj\common\ header.php 和template\h2o_new_sj\common\h2o_userstatus.php

五、底部二维码、文字和链接在在template\h2o_new_sj\common\footer.php

六、所有图片都在template\h2o_new_sj\images及下级文件里，替换即可

七、DIY分动态调用和静态调用两种，分动态调用前台编辑DIY属性修改，静态调用数据来源选择“自定义HTML