在制作的文章中图片显示效果太单一会让文章看起来不生动有趣，可以把图片制作成自动轮播的效果，让图片动起来！下面教大家如何用Zion无代码平台制作自动轮播效果的图片。

一.轮播图使用场景

随着5G的发展，移动端界面的展示不再受限于网速，所以像图片轮播、GIF、短视频的展现方式更加能吸引用户的眼球，例如通常位于首页顶部的轮播图，以动态的形式为用户呈现多张图片，自动轮播的效果可以提高商品、内容的曝光度，提高从浏览到购买的转化率以及衡量内容价值。

本篇内容就让我们尝试用Zion来完成图片轮播的功能。

二.功能

自动循环播放图片手动实现前一张、后一张图片切换

新建一个banner的数据模型作为轮播图的数据源

添加横向列表组件，并调整横向列表的大小，在横向列表中添加图片组件并调整图片大小

可以在右侧属性栏添加轮播图的圆角，分页，自动播放，显示指示数 ●添加圆角选择图片组件，调整图片的圆角

●轮播设置选择横向列表在右侧属性栏的样式选项卡下「开启分页」、「自动播放」、「循环」、「显示指示点」。

为轮播图绑定数据源

四.tips Q：我在修改圆角时不显示圆角？ A:修改圆角时，要注意修改外层列表和内侧空白容器视图的透明度，透明度均为0即可