如何使用新版高级幻灯片组件?

浏览数量: 2     作者: 本站编辑     发布时间: 2022-07-08      来源: 本站

如何使用新版高级幻灯片组件?



一.什么是新版高级幻灯片组件?

新版高级幻灯片组件是一个展示单张图片或多种图片轮播展示的模块,与高级幻灯片组件最显著的区别是新版组件突破常规采用预览编辑模式,用户可以一边进行幻灯片元素样式编辑,一边实时查看最终展示效果,操作更易用、交互体验更流畅。


二.如何使用高级幻灯片组件?

1、在页面上添加组件的方法都是一样的,添加的组件名称为“高级幻灯片”,如下图所示:

1

2、如何设置新版高级幻灯片组件?

第一步在左侧上传图片,当上传多张图片时,建议图片尺寸相同

2


上传图片后,可在图片上方添加图片层,如图所示

1

3

鼠标左击添加好的图片层,按住鼠标移动即可随意调整图片位置;同时把鼠标放在图片边缘处,拖动可调整图片大小

3

选择对应图层,右侧有设置项,支持设置图片的alt属性、跳转链接、位置、持续时间、动画效果等,可根据需要自行设置想要的效果,并直接在右侧看到最终呈现的效果

2

支持在图片上添加文字层,如图所示,直接输入想要的文字描述

1

选择对应文字层,右侧有设置项,支持设置文字大小、文字位置、文字展示时间、延迟时间、动画效果等,可根据需要自行设置想要的效果,并直接在右侧看到最终呈现的效果

2

支持在图片上添加按钮,如图所示,同时在对应按钮的左侧设置该按钮的文字、跳转链接、位置、动效

1

2

其中,选择自定义按钮样式,可在下方编辑按钮文字颜色、大小、背景颜色、边框等,编辑好之后,点击应用样式,便可同步到右侧预览

2


通过点击右上角的“图层置顶”、“图层置底”、“下移一层”、“上移一层”即可调整对应文字、按钮、图片图层的上下位置

例如:使按钮图层置于图片图层之上,如图所示

2


首页
版权所有杭州博牛科技有限公司