网页设计【自适应网站-轮播多图模块】功能介绍及教程指引

2022-04-29
来源:羽薇网

一、功能介绍

轮播多图模块常用于展示公司环境、公司产品等,轮播的形式能让图片展示效果看起来更加生动。

ezgif.com-resize.gif


二、功能说明【版本】无版本限制


三、设置教程

1. 添加模块

1.1 在网站设计页面点击页面左侧导航【模块-添加模块-基础】,添加【轮播多图】模块。


1.2 添加【轮播多图】模块后,在编辑模块面板中可删除模块自带的示例图片,点击【+】添加新的图片。


1.3 支持给图片设置跳转链接,添加描述。


1.4 除了直接添加图片,也支持通过【绑定图册】的方式添加图片,添加后的图片自带图片描述(描述为图片名称)。

AAEIABADGAAg2uHGkQYooJjqggI.gif


1.5 添加图片后,可通过拖动的方式,调整图片间的排列顺序(通过绑定图册方式添加的图片暂不支持拖动排序)。

AAEIABADGAAg2uHGkQYo1LKpkQQ.gif


2. 编辑模块

2.1 电脑视图

2.1.1模块样式

支持4种模块样式。

AAEIABADGAAg2uHGkQYosK6gmwE.gif


2.1.2 图片设置

支持设置图片大小、是否显示图片描述、图片缩放方式、图片轮播效果等。

ezgif.com-resize (1).gif


2.1.3 标题栏

默认是隐藏标题栏,当取消隐藏标题栏后,支持自定义模块标题、标题文字样式、标题栏高度、标题栏背景。


2.1.4 间距

可通过修改“轮播多图”模块的外间距,调整“轮播多图”模块与通栏内容区边界之间的距离。


2.2 手机视图

2.2.1 图片设置

支持选择是否显示图片描述。


2.2.2 标题栏与间距

标题栏:支持显示或隐藏标题栏,以及自定义标题栏文字、高度、背景。

间距:通过修改模块的外间距,可调整模块与通栏内容边界之间的距离。




分享