幻灯片绑定图片集

学会幻灯片绑定图片集,动态展示网页。

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

1.制作图片集

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

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

 

2.插入幻灯片

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

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

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

3.绑定图片集

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

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

幻灯片组图片集绑定。

幻灯片图片绑定。

4.保存预览效果

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

 

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

10