图片轮播

1.1 版本

1.2 应用场景

对多张图片进行轮播

1.3 功能描述

在一个图表中插入多张图片，并能够自主设置切换的方式，包括各种特效。

注1：不支持IE浏览器.

注2：不支持移动端。

2.1 插件安装

点击下载插件：图片轮播插件

设计器插件安装方法请参见：设计器插件管理

服务器安装插件方法请参见：服务器插件管理

2.2 操作方法

2.2.1 添加图片轮播图表

1）普通报表

• 从设计器菜单栏 插入 > 单元格元素 > 插入图表  或者 插入 > 悬浮元素 > 插入图表 

• 普通报表上方工具栏点击 图标

显示 图表类型 窗口，选择「图片轮播」，如下图所示：

2）决策报表

在决策报表上方的图表工具栏，选择图片轮播图标，即可添加，如下图所示

2.2.2 参数设置

选择插件「设置」栏，如下图所示

1）图片布局：图片显示的布局，包含如下类型：

• 布局1：被替换的内容正好填充元素的内容框。整个对象将完全填充此框。如果对象的宽高比与内容框不相匹配，那么该对象将被拉伸以适应内容框。

• 布局2：被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比，因此如果宽高比与框的宽高比不匹配，该对象将被添加“黑边”。

• 布局3：被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配，该对象将被剪裁以适应内容框。

2）动画类型：图片轮播效果方向，有左右滑动和上下滑动

3）显示控制按钮：若勾选中，则显示手动控制轮播的按钮

4）自动播放：若勾选中，则会启动自动轮播图片效果

5）图片文件>编辑：点击「编辑」按钮，可以编辑要轮播的图片，支持本地图片和网络图片，如下图

磁盘文件：报表资源目录下\WEB-INF\resources的相对路径,例如\WEB-INF\resources\a.png，相对路径为 a.png 。

绝对路径：网络图片的地址

此插件不支持IE浏览器，推荐使用谷歌浏览器或火狐浏览器。