2.如何制作图片幻灯片切换效果20151010.docxVIP

如何制作图片幻灯片效果

制表人：何磊明日期1.目标：在页面空白区域建设一个图片幻灯片播放栏目

2.效果图如下

3.第一步准备图片素材。预先准备好用于幻灯片展示的图片素材，最好所有的图片都是一样的尺寸，如案例中的图片尺寸都为500*300，以便设置栏目的宽高，防止产生图片显示变形严重的情况。

4.第二步新建栏目。在建设课程后台的网络栏目管理中新增网站类栏目

5.点击保存后即可新增一个“学校风景”的栏目

6.因为要上传4张图片，所以就需要新建4个新建文档。

7.在新建文档中点击“编辑”按钮，上传预先准备好的图片资料，每一个文档对应一张图片。

8.给图片添加超链接。实现点击图片即可跳转页面的效果。案例中的我们使用了百度的地址，当我们点击该图片时，就可以跳转到百度的页面。

9.图片资料上传完毕后，到课程申报站点的发布管理中将栏目切换成发布状态。因为“未发布”的栏目将不能显示到网站页面中。

10.在申报课程页面的设置模式下，选择“学校风景”为需要显示到页面中的布局模块。

10.“学校风景”栏目已经显示到了页面中，但是还没有达到我们想要的幻灯片切换效果，接下来需要调整栏目的位置及栏目的展示方式。

11.调整栏目位置。点击调整布局，跳转到模块调整页面。（为什么我的页面没有调整布局的选项，请参考《如何页面实现自由布局》）

12.调整“学校风景”模块的宽高及边距。

13.页面设置模式下，点击栏目属性

14.选择“图片幻灯片显示模式”即可

15.保存即可实现