如何使用幻灯片组件？

一、什么是幻灯片组件？

幻灯片组件是一个展示单张图片或轮播展示多张图片的模块，幻灯片组件一般应用在首页的导航下方，用多张图片轮播的方式凸显公司的核心竞争力，图片上可以展示公司形象、公司价值观和口号、核心产品、核心竞争力等信息，幻灯片组件一般建议放3~5张同样尺寸大小的图片，每张图片上可以加超链接链到与该图片相关联的页面。图片建议的尺寸：首页全屏图片宽与高的尺寸：1920px*450px(450px~650px)、200k以内，首页非全屏图片：1920px*400px(400~650)、200K以内，内页小图片 ：1920px*200px(180~220)。

1、如何查看幻灯片组件是否已经存在？

如果这个幻灯片组件已经存在了，就不需要再添加，直接根据需要进行相关操作就可以（具体操作见下文所述）；

如果你的页面上需要这个组件，但是还没有添加，就需要先添加幻灯片组件了；怎么判断页面上有没有这个组件？单击查看如何查看某一块内容是使用什么组件制作的？

2、如何添加幻灯片组件？

在页面上添加组件的方法都是一样的，单击查看如何添加组件？

添加的组件名称为“幻灯片”，如下图1所示：

图1：

3、如何设置幻灯片组件？

3.1 进入组件的“设置”分两种场景

1）此组件已经添加好的场景：进入所有这类组件设置项方法都是一样的，可以参考这个攻略：如何进入组件的设置项？

2）新添加的组件的场景：在添加此组件时会弹出这个组件的的设置话框。

3.2 在组件的设置中可以设置组件展示的内容（如图2）

组件标题：根据需要决定填写或不填写，不填写不显示也不占位置；

添加图片：在此处可以添加需要展示的图片，首次添加的图片需要单击“本地上传”按钮从自己电脑上上传，之前添加过的图片可以通过“本地上传”按钮或“从资料库选择”按钮来上传图片，之前上传过的图片默认会在资料库中保存一份；添加好的图片会显示在“本地上传”、“从资料库选择”按钮下方，此处图片的顺序即为图片轮播的顺序，用鼠标左键单击图片可以拖动调整图片的排序；单击每张图片左下角的“编辑”按钮，弹出图片Alt属性输入框以及图片链接：

图片ALT属性：即图像无法显示时的替代文本，同时搜索引擎（像谷歌、百度等）不识别图片但可以识别图片Alt属性，因此填写图片Alt属性对网站优化有好处；

图片链接：如果单击图片需要跳转到其它相关页面，可以给此图片添加超链接，单击小链子按钮可以给图片设置链接，单击查看链接类型介绍，如果不需要给图片设置链接，此处不需要设置，空着就可以。

图片尺寸：有些图片不适合了，需要撤掉换新的图片了，图片尺寸要做成多的呢，在图片下方有一个“原始尺寸”，新图片直接按照这个原始尺寸大小制作就可以；

图2：

3.3 在组件的设置中可以设置组件的高级功能（如图3）

幻灯片组件支持自定义Pad端图片和手机端图片。意思是说：如果您目前显示在PC上的图片，不适合展示在PAD或手机端或者展示出来不好看，可以单独制作适合PAD或手机端的图片。

设置Pad端图片：支持同PC端一样，也支持自定义，如果自定义，支持编辑图片Alt属性和给图片加超链接，详细操作步骤可以参考上述3.2中的介绍；

设置手机端图片：支持同PC端一样，也支持自定义，如果自定义，支持编辑图片Alt属性和给图片加超链接，详细操作步骤可以参考上述3.2中的介绍；

图3：

3.4 在组件的设置中可以设置组件的风格（如图4）

幻灯片展示风格：有丰富多样的展示风格供用户选择；

设置每页幻灯片播放时长：支持设置每页幻灯片的播放时长；

手机端缩放比例：图片支持在手机端等比压缩，也支持自定义缩放比例；

设置当前风格自定义配色：选择第7、8种展示风格时，支持自定义配色。

3.5 在组件的设置中可以设置组件的特效（如图5）

选择图片切换特效：选择前五种风格的其中一种，支持设置图片切换特效。

图5：

3.6 保存组件设置中的内容

组件的内容、高级功能、风格、特效设置好以后，单击设置框右下角的“保存”按钮；