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

帆软产品运营

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


企业微信截图_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  

发表于 2019-3-14 17:07:07
新插件上架,欢迎大家试用~
发表于 2019-3-14 17:24:05
8错8错
发表于 2019-3-14 18:01:56
发表于 2019-3-15 09:18:47
发表于 2019-3-16 14:19:58
JerrySong 发表于 2019-3-14 17:07
新插件上架,欢迎大家试用~

个人永久免费,企业前三个月免费
发表于 2019-6-8 09:39:05
你这个要是图片很多的话。图片地址还不要插死。
不能批量插入图片地址吗?
发表于 2019-6-10 09:56:25
luojian0323 发表于 2019-6-8 09:39
你这个要是图片很多的话。图片地址还不要插死。
不能批量插入图片地址吗?

这是目前开发者的设计,如果有需要批量插入图片地址的话,可以在帆软市场提交需求哈~需求链接:https://market.fanruan.com/demand
发表于 2019-6-17 10:39:05
如果我的图片是F:\FineReport_9.0\WebReport\picture\长沙.jpg  那么我的url链接要怎么写呢
发表于 2019-8-21 08:53:25
发表于 2021-2-21 13:19:30
为什么谷歌浏览器不支持jpg格式的图片查看啊
发表于 2021-2-21 13:20:47
jpg格式在谷歌浏览器上
发表于 2022-11-3 10:38:24
图片灯箱插件适用于以二进制形式存在数据库中的图片吗
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

14回帖数 1关注人数 32455浏览人数
最后回复于:2022-11-3 10:38

返回顶部 返回列表