当访问者打开网站首页时,第一眼看到的可能就是幻灯片,所以首页的幻灯片是站长不容忽视的黄金广告区,如果应用的好,不仅可以给人留下良好的印象、增加体验度,还可以提高网站的转化率、带来效益。YOUDIANCMS程序功能的幻灯片功能非常强大,下面请看无忧主机小编为大家讲解PHP独立IP虚拟主机环境下YOUDIANCMS怎么设置幻灯片和修改属性。

一、如何设置幻灯片

幻灯片管理主要用于管理(添加、删除、修改、排序),登陆YOUDIANCMS网站后台, 打开广告管理->网站广告,按照以下步骤进行操作:

1.在幻灯片分组管理中创建好自定义分组(也可以使用默认的分组),如图1所示,

图11 YOUDIANCMS怎么设置幻灯片和修改属性

创建一个名称为“幻灯片分组1”的分组。

2.为分组设置好幻灯片,操作如图2所示,

图2 YOUDIANCMS怎么设置幻灯片和修改属性

需要注意的是,最后要将是否启用选择为“启用”,否则首页不会显示幻灯片,如需多张幻灯片可使用相同的方法添加。

3.删除或排序幻灯片,在幻灯片管理中,如图3所示,

图3 YOUDIANCMS怎么设置幻灯片和修改属性

点击全选按钮,在幻灯片中排序中填写好显示顺序,数组越小的排在越前面,然后点击排序按钮,需要删除幻灯片可以点击排序旁边的删除按钮,或在幻灯片的最右侧点击删除按钮。

二、修改属性

控制幻灯片显示样式的文件位于App\Tpl\Home\Default\Public\header.html的第80行,其代码如图所示,

图41 1024x318 YOUDIANCMS怎么设置幻灯片和修改属性图5 YOUDIANCMS怎么设置幻灯片和修改属性

代码为

$('#banner_main').slide({ titCell:'.hd ul', mainCell:'#banner ul', autoPlay:true, autoPage:true, delayTime:500, interTime:3000, effect:'left'});

delayTime  – 延迟触发时间(悬停时间),当时间小于切换动画效果时间时, 动画将被禁用,单位为毫秒;

interTime  – 自动切换时间,当这个时间大于0时, 标签将定时自动切换,单位为毫秒;

effect   – 图片切换方向,默认不使用动画,目前仅提供fade(淡出), slide(向下展开)两种

本文地址:http://www.51php.com/youdiancms/26628.html

喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

阅读本文的人还阅读: