找回密码
 立即注册

QQ登录

只需一步,快速开始

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

Crystal.Li 讲师达人认证 悬赏达人认证
论坛元老   /  发表于:2021-7-12 10:18  /   查看:4742  /  回复:6
本帖最后由 @Martin.Zhang 于 2022-4-29 09:22 编辑

本期为大家带来一个具有多种切换效果的图片轮播插件。
版本更新记录
版本号
更新内容
支持Wyn Enterprise版本
下载地址
V1.0
第一次发布
4.0 update1及以上
图片轮播插件.viz (355.4 KB, 下载次数: 1009)

1. 内容概述
其实借助仪表板本身的选项卡功能,我们可以实现图片轮播的效果,但是选项卡目前内置的轮播效果比较单一,这里提供一个具有多种切换效果的图片轮播组件,让你的大屏更加酷炫!话不多说,先来看看效果:
3D方块
图片轮播.gif
3D反转
图片轮播.gif
3D滚动
图片轮播.gif
渐变
图片轮播.gif
接下来就为您介绍这款扩展组件的具体用法。

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

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

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

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

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

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


6 个回复

倒序浏览
ZenosZeng讲师达人认证 悬赏达人认证
超级版主   /  发表于:2021-7-12 10:21:54
沙发
酷酷酷
回复 使用道具 举报
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
5#
2021/11/25 更新,增加点击图片交互功能:
image.png810719299.png
回复 使用道具 举报
百事
注册会员   /  发表于:2021-12-15 11:37:06
6#
Crystal.Li 发表于 2021-8-25 11:27
您好,这里支持的是图片的url地址,数据库需要存储对应的图片url地址。

你好,意思是直接在数据库中存一列url是吗?
回复 使用道具 举报
James.Lv讲师达人认证 悬赏达人认证 活字格认证 Wyn认证
超级版主   /  发表于:2021-12-15 12:12:36
7#
百事 发表于 2021-12-15 11:37
你好,意思是直接在数据库中存一列url是吗?

是的,数据库存储的是图片的URL
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部