图片轮播插件

收藏

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

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

版本号	更新内容	支持Wyn Enterprise版本	下载地址
V1.0	第一次发布	4.0 update1及以上	图片轮播插件.viz (355.4 KB, 下载次数: 1010) 2022-4-29 09:22 上传点击文件名下载附件

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

3D反转
图片轮播.gif

3D滚动
图片轮播.gif

渐变

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

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

（2）添加插件文件
将下载后的插件上传到Wyn Enterprise门户中：
image.png770295104.png

（3）新建仪表板并选择刚刚上传的插件：
image.png686213988.png

(4) 数据绑定
添加扩展插件组件后，在数据绑定区域可以去绑定需要数据字段：
image.png897338256.png

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

(6) 预览并保存仪表板

预览后如效果满意，即可保存仪表板。

ZenosZeng · ZenosZeng

酷酷酷

zyingzi33 · zyingzi33

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

Crystal.Li · Crystal.Li

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

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

Crystal.Li · Crystal.Li

2021/11/25 更新，增加点击图片交互功能：
image.png810719299.png

百事 · 百事

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

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

James.Lv · James.Lv

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

是的，数据库存储的是图片的URL

		自动登录	找回密码
密码			立即注册

[动画组件] 图片轮播插件