图片轮播组件(文档)

图文轮播图组件,以华丽的滑块的将多张图片布局在组件中,访客可通过左右箭头或底部导航条来轮播组件内容。组件支持在图片项目下配置说明文本,添加点击跳转功能,使用导航标签。

点击查看”示例和视频操作” >>

 

1,如何插入设计组件

只需从左侧的组件控制面板【轮播图组件】中 ,选中图片轮播组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示

 

 

2,内容选项卡

2.1,图片轮播图 -内容模块,此处选择轮播图图片,轮播图显示的图片个数  具体请参考下图设置或相关操作视频

(1)添加图片:点击从图库中选择你要轮播的图片

(2)展示数量:轮播图展示的数量

(3)图片平铺满:设置“是”图片将铺满显示区域, “否”则根据图片实际尺寸比例展示。

(4)导航:可选择“箭头”,”圆点” 导航。

(5)链接:点击轮播图可设置跳转的导航链接,或者弹出原图大图,具体请参考示例或视频 。

(6)高度:设置轮播图高度

 

 

设置 展示数量 : 3 , 导航类型圆点 , 链接设置:显示大图  ,展示效果如下图

 

 

 

2.2,其他选项 -内容模块,此处可设置轮播图滚动配置,播放速度,开启预览功能等  具体请参考下图设置或相关操作视频。

 

 

开启两侧预览设置如下图所示,左侧蓝色区域是设置项目, 两侧红色区域是展示的效果 。

 

 

3,样式选项卡

3.1,导航-样式模块。具体请参考下图设置或视频操作

 

下图是箭头导航的样式,您可设置导航箭头的位置,尺寸,图标样式对齐方向,具体设置请参考下图

 

 

下图是圆点导航的样式,您可设置导航箭头的位置,尺寸,图标样式对齐方向,具体设置请参考下图

 

 

3.2,图片边框-样式模块。设置边框类型,边框颜色及边框圆角 具体请参考下图设置或视频操作

 

恭喜你已完成当前组件的学习,感谢阅读。

 

评论

数据加载中...
数据加载中...

产品标题

剩余 0

购买数量
- +
确认删除?
扫一扫分享到微信朋友圈

立刻分享给好友

点击屏幕右上角将本页面分享给好友

知道了