自助建站、网页设计教程

通过学习路线图,零基础学习专业网页设计、小程序UI设计技巧,成就网页设计高手。

幻灯片绑定图片集

幻灯片是一个非常基本和常用的展示元素,通常用来展示静态的一组图片,并可以配合不同的图片切换效果,可以设置手动切换,也可以设置按照一定的间隔时间自动切换。那如何设置动态的展示图片呢?coolsite360有了CMS2.0后,在coolsite后台文章里加入图片集。通过动态绑定,这样的效果可以轻松实现。

1.制作图片集

在工作台新建内容类型时,添加一个 图片集 类型字段。

发布文章时上传准备好的图片集,如果只想绑定图片,只要在新建内容结构时去掉标题、描述等信息。

2.插入幻灯片

回到展示页面中,插入网格列表,调整自己想要的布局,这里老哥俱乐部就以常见的一列全屏展示;

添加幻灯片组件在网格列表中,调整布局样式。

这里需要注意的是,幻灯片组件需要先初始上传一张背景图,否则无法绑定。

3.绑定图片集

选中网格列表进行数据绑定。

选择数据类型为在工作台建立好的内容结构: 官网图片展示

幻灯片组 图片集 绑定。

幻灯片 图片 绑定。

4.保存预览效果

幻灯片播放的图片和文章的图片集一样就成功啦!

不只是展示页面可以绑定,同时内容模版页也可以绑定幻灯片哦,可以自行试试。

提交成功,谢谢反馈!

请完整填写表单的信息后,再进行提交!