Crystal.Li 发表于 2021-7-12 10:18:46

图片轮播插件

本帖最后由 @Martin.Zhang 于 2022-4-29 09:22 编辑

本期为大家带来一个具有多种切换效果的图片轮播插件。
版本更新记录

版本号更新内容支持Wyn Enterprise版本下载地址
V1.0第一次发布4.0 update1及以上


1. 内容概述
其实借助仪表板本身的选项卡功能,我们可以实现图片轮播的效果,但是选项卡目前内置的轮播效果比较单一,这里提供一个具有多种切换效果的图片轮播组件,让你的大屏更加酷炫!话不多说,先来看看效果:
3D方块

3D反转

3D滚动

渐变

接下来就为您介绍这款扩展组件的具体用法。

2. 操作步骤
(1)下载插件包
下载图片轮播插件包,将其保存到本地计算机。

(2)添加插件文件
将下载后的插件上传到Wyn Enterprise门户中:


(3)新建仪表板并选择刚刚上传的插件:


(4)数据绑定
添加扩展插件组件后,在数据绑定区域可以去绑定需要数据字段:


(5)属性设置
在编辑区右侧选择“属性设置“,在这里可以对图片的轮播效果进行定制化设置,这里提供了四种轮播效果,还可以设置动效时间、轮播间隔等更多效果:


(6)预览并保存仪表板预览后如效果满意,即可保存仪表板。

ZenosZeng 发表于 2021-7-12 10:21:54

酷酷酷
:hjyzw:

zyingzi33 发表于 2021-8-25 11:01:40

图片数据绑定的数据集,怎么处理,是图片的地址存到数据库上去吗?图片实际要存到哪个位置?

Crystal.Li 发表于 2021-8-25 11:27:49

zyingzi33 发表于 2021-8-25 11:01
图片数据绑定的数据集,怎么处理,是图片的地址存到数据库上去吗?图片实际要存到哪个位置?

您好,这里支持的是图片的url地址,数据库需要存储对应的图片url地址。

Crystal.Li 发表于 2021-11-25 18:01:50

2021/11/25 更新,增加点击图片交互功能:

百事 发表于 2021-12-15 11:37:06

Crystal.Li 发表于 2021-8-25 11:27
您好,这里支持的是图片的url地址,数据库需要存储对应的图片url地址。

你好,意思是直接在数据库中存一列url是吗?

James.Lv 发表于 2021-12-15 12:12:36

百事 发表于 2021-12-15 11:37
你好,意思是直接在数据库中存一列url是吗?

是的,数据库存储的是图片的URL
页: [1]
查看完整版本: 图片轮播插件