首页 > 网站建设 > qibocms > 完美替换齐博V9默认幻灯片的方法
2019
10-30

完美替换齐博V9默认幻灯片的方法

完美替换齐博V9默认幻灯片的方法 - 第1张  | 心岛博客

今天在检查单位网站时突然发现了齐博V9的一个幻灯片bug,那就是在滚动时,如果用鼠标点击相应图片的序号,整个幻灯区全部为空白,松开鼠标后大约2秒就会恢复,问题虽小,但是严重影响用户体验,经过论坛网友提醒和指点,本人用以下方法将系统默认的幻灯片样式进行了替换。主要是使用MSClass的封装js滚动效果,相关效果页面点此浏览。具体操作步骤如下:

完美替换齐博V9默认幻灯片的方法 - 第2张  | 心岛博客

一、在首页引用msclass.js这个具体如何引用,请参照我的单位站点。

二、参照效果页面的html代码样式,在需要幻灯显示的地方加入相关代码和样式表文件,其中需要固定循环的部分设置为一个$label[huandeng]标签,然后在齐博后台幻灯片设置页面,点击“更换选择显示其他设置”按钮,并选择“文章系统内容(主栏目)”一项,按照齐博的代码规则对循环的代码进行格式化套用,调整好调用的栏目和个数等信息,如下图所示:

完美替换齐博V9默认幻灯片的方法 - 第3张  | 心岛博客

注意:上图红框中的内容一定是需要重复循环调用的部分。

三、刷新网站对相关参数和代码进行调试,直至显示完美就可以了!

说明:本方法适用于齐博V7,只是在修改过程中相关按钮名称和位置会有所不同而已!

最后编辑:
作者:xindao
这个作者貌似有点懒,什么都没有留下。

留下一个回复

你的email不会被公开。