现在位置:首页 » qibocms »

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

心岛发布于2019年10月30日  分类: qibocms  浏览:66 人次  评论:1 

更换后的幻灯片.jpg

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

3667_201910301450401dccf.jpg

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

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

设定标签代码.jpg

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

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

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

赞 (0次) 打赏
X
打赏方式:
  • 支付宝
  • 微信
  • QQ红包

打开支付宝扫一扫
上一篇: 【亲测】送给宝爸宝妈的福利:batchdate宝宝特别版1.2使用教程
下一篇:淘宝网综合应用实例 JavaScript - MSClass应用实例演示

本文由心岛原创或编辑,转载请保留链接【完美替换齐博V9默认幻灯片的方法】https://www.liangxin.name/?post=1191

百度已收录!

本文标签: 齐博CMS qibocms 幻灯片 封装js

目前有 1 条评论
avatar
心岛 2019-10-31 08:57回复
昨天晚上整理此文章时已经太晚了,所以今天在此补上这么做的几个好处:
1、把幻灯片以JS方式替换掉,节约调用资源,齐博默认幻灯的调用方式非常繁琐,包括JS、FLASH文件、PHP代码以及CSS样式表等内容,更换为JS方式后就去掉了FLASH文件,从而达到了节约资源的目的。
2、JS方式比默认方式在各浏览器和平台上的兼容性更强,之前默认的方式在谷歌和火狐上是不可见的,这也是我决定替换的根本原因。
3、JS方式更加自由,样式更加多样,不再限定于系统提供的几个样式,现在全JS后,展示样式我们说了算!