提问
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,极速登录

更好的形式展现图片——图片灯箱插件

JerrySong 社区微信达人 渐入佳境(Lv2)
发表于 2019-3-14 16:17:41 | 显示全部楼层 |取消关注该作者的回复

一般生产车间内对一台制造设备的误差率会有很多数值偏差的统计,根据这些数据生成一张该时间段内的误差散点图,来表征这台设备这段时间内的状态,操作人员只需根据这张图片就可以判断出设备是否需要调整、维修。


企业微信截图_15525336003731.png


      其实不止生产车间,很多场景下图片已经和文字一样成为描述一个实例的必须属性了,图片包含的信息量、展现效果的直观性也要远胜于文字,所以图片有着文字不可替代的优势,但是也正是由于图片的这些属性决定了图片不方便像文字一样作为一列属性与其他文字属性放在同一表格中,强行放到一起会对整个页面展现数据的数量及美观程度造成很大影响。


ja.jpg


所以往往我们需要采用超链的方式通过点击链接来重新打开图片显示,以保证表格展示页面的统一与美观。


       企业微信截图_15525346913050.png


这款插件就能解决这样的问题,点击可打开“灯箱”显示图片的完整大小,并支持缩放等功能。


【功能介绍】
  • 支持显示完整的图片内容
  • 滚动放大缩小,双击全屏展示
  • 显示放大百分比

【下载方式】
  • 打开FineReport设计器,在“服务器——插件管理——应用商城”中搜索“图片灯箱”安装下载
  • 进入帆软市场安装下载,搜索“图片灯箱”安装下载



【使用说明】
1.安装

安装“图片灯箱”插件。


2.设置
      打开需要添加灯箱效果展示图片的cpt文件,选中相应单元格(单元格内可为描述性或提示性文字,也可为所要展示的图片)设置:超级链接—添加链接—图片lightbox—填写图片路径。

       11.png

3.图片路径
   (1)本地路径:http://localhost:8075/webroot/XXXX.jpg
            (其中"XXXX"为具体的图片文件名,".jpg"为图片格式,也可根据实际情况改为“.png”,图片文件需存放在webroot文件夹下);
   (2)网络路径:无需本地存储,填写有效的URL即可。

4.预览

重复上述步骤设置好所有需要用lightbox效果展示图片的单元格以后即可预览。


灯箱.jpg


5.效果

单击设置了超链的单元格即可展示完整的图片,双击为全屏展示,并且两种操作都可以通过滚动鼠标滚轮调整图片放大/缩小,右上角会显示当前图片的放大/缩小比率。


动图.gif



编辑于 2019-3-21 14:30  
此帖共有 80 位番薯登录后查看
回复

使用道具 举报

JerrySong 社区微信达人 渐入佳境(Lv2)
发表于 2019-3-14 17:07:07 | 显示全部楼层 |取消关注该作者的回复
新插件上架,欢迎大家试用~
  • 评论

回复 支持 反对

使用道具 举报

flyingsnake 社区微信达人实名认证 番薯互助团队 文档共创团队 互助叫兽、助理编辑
发表于 2019-3-14 17:24:05 | 显示全部楼层 |取消关注该作者的回复
8错8错
  • 评论

回复 支持 反对

使用道具 举报

虾米、木木 社区微信达人 渐入佳境(Lv2)
发表于 2019-3-14 18:01:56 | 显示全部楼层 |取消关注该作者的回复
  • 评论

回复 支持 反对

使用道具 举报

星痕 社区微信达人番薯互助团队 文档共创团队 互助叫兽、助理编辑、VIP1
发表于 2019-3-15 09:18:47 | 显示全部楼层 |取消关注该作者的回复
  • 评论

回复 支持 反对

使用道具 举报

JerrySong 社区微信达人 渐入佳境(Lv2)
发表于 2019-3-16 14:19:58 | 显示全部楼层 |取消关注该作者的回复
JerrySong 发表于 2019-3-14 17:07
新插件上架,欢迎大家试用~

个人永久免费,企业前三个月免费
  • 评论

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册  

本版积分规则

what a fine day
任务进行中

活动进行中

联系管理员@兔子酱|联系帆软|免责声明|手机版|帆软社区|Copyright © 帆软软件有限公司 ( 苏ICP备14031611号-3 )

GMT+8, 2019-3-24 15:30 , Processed in 0.572117 second(s), 112 queries , Gzip On.

返回顶部 返回列表