图片灯箱插件

  • 文档创建者:JerrySong
  • 编辑次数:7次
  • 最近更新:Leo.Tsai 于 2019-12-16
  • 1. 概述

    1.1 版本

    报表服务器版本JAR 包版本 插件版本 
    10.0 2016-05-01V1.2
    9.02016-05-01V1.2

    1.2 应用场景

    FineReprot 支持在单元格中添加图片,但有时候格子的大小限制了图片的大小,无法完整清晰地显示图片内容。

    安装该插件可以给图片设置 LightBox 效果,点击图片后,可在灯箱中打开图片,不受制于单元格的约束,可自由缩放。

    1.3 功能介绍

    • 支持设置 LightBox 超链接,URL 地址中支持表达式参数功能。

    • 支持显示完整的图片内容。

    • 滚动放大缩小,双击全屏展示。

    • 显示放大百分比。

    2. 插件介绍

    2.1 插件安装

    点击下载插件:图片灯箱

    设计器插件安装方法参照 设计器插件管理

    服务器安装插件方法参照 服务器插件管理

    2.2 操作方法

    安装插件后,选中单元格,添加图片lightbox类型的超级链接,在弹出的设置窗口中填写图片的 URL。

    Snag_10fa7154.png

    URL 格式:

    1)本地路径:http://localhost:8075/webroot/XXXX.jpg

    注:其中 "XXXX" 为具体的图片文件名,".jpg" 为图片格式,也可根据实际情况改为 ".png",图片文件需存放在 webroot 文件夹下。

    2)网络路径:无需本地存储图片,填写有效的 URL 即可。

    2.3 参数功能

    可以在图片灯箱设置界面新增参数,然后将参数写入到图片路径中。

    注:参数值对应的是图片的名称。

    Snag_111d4c4e.png

    3. 示例

    3.1 报表设计

    如下图设计报表样式,图片素材来自于帆软论坛的番薯嘉年华。

    Snag_10fabed8.png

    3.2 效果预览

    保存报表,点击分页预览,查看报表效果。

    5F09824F-5C15-4E0E-BF01-1072E4924978.GIF

    注:不支持移动端。

    4. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\other\图片灯箱.cpt

    点击下载模板:图片灯箱.cpt

    附件列表


    主题: 报表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!