存放于数据库中的图片放大问题

想要实现鼠标悬浮于图片上时,图片自动放大。

注:图片非文件形式存放,而是以二进制形式存放于数据库中的,没有路径可以指定。

FineReport passwd 发布于 2018-11-22 09:21
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共5回答
最佳回答
5
孤陌Lv6资深互助
发布于2018-11-22 10:43

JS实现悬停放大图片-http://help.finereport.com/doc-view-2373.html  这个是就可以啦

  • 用户A3350571 用户A3350571 这个文档找不到了,能再发一下吗
    2021-04-30 10:53 
最佳回答
0
迈达斯之手Lv2中级互助
发布于2018-11-22 09:28

看你是做放大镜的局部放大还是整体放大了~局部放大比较麻烦~你要写很多东西(也可以自己网上找这种前端插件,不是FR的插件哈~)~整体放大既可以利用遮罩~把dom取出来放到遮罩上,设置成自适应即可~JS是没跑了~用CSS3也可以~

  • passwd passwd(提问者) 做整体放大,可以具体说下怎么操作吗 我是初学者
    2018-11-22 09:36 
最佳回答
0
轩辕丶尘Lv2初级互助
发布于2018-11-22 09:28

图片要在FR展示就一定要从数据库获取出来,放在FR单元格里就有路径了呀,对该单元格添加JS脚本就可以吧。image.png

  • passwd passwd(提问者) 具体如何操作请指教下吗
    2018-11-22 09:35 
  • 轩辕丶尘 轩辕丶尘 回复 passwd(提问者) 首先你的图片是要在FR展示的吧?这是第一步,第一步实现之后,再对存放图片的单元格添加JS脚本,用JS实现你要的效果
    2018-11-22 09:45 
  • passwd passwd(提问者) 回复 轩辕丶尘 是在FR展示的, JS如何写
    2018-11-22 09:51 
  • 轩辕丶尘 轩辕丶尘 回复 passwd(提问者) 百度一下 这种JS代码很多的,“JS鼠标悬浮于图片上时,图片自动放大” 就查这个就行
    2018-11-22 09:59 
最佳回答
0
cttLv3见习互助
发布于2018-11-29 16:29

解决了吗  解决了麻烦给个语句

最佳回答
0
cd_cwLv6初级互助
发布于2019-6-20 16:13
  1. $("img").mouseover(function(e){


  2. var img=$(this).attr("src");  //获取鼠标当前所在单元格的row 


  3. $("body").append("<div id='preview'><img src='"+ img +"'  /></div>");        //弹出一个div里面放着图片

  4. $("#preview")//修改这个div的样式,让他居中

  5. .css("-ms-transform","translate(-50%,-50%)")

  6. .css("-moz-transform","translate(-50%,-50%)")

  7. .css("-o-transform","translate(-50%,-50%)")

  8. .css("transform","translate(-50%,-50%)")

  9. .css("left","40%")

  10. .css("top","40%")

  11. .css("z-index","9999999")

  12. .css("position","absolute")        

  13. .css("transform","scale(1)")

  14.                                 

  15.     });

  16.     //鼠标离开这个div移除

  17. $("img").mouseout(function(e){

  18.                 $("#preview").remove();

  19.     });        



  • 7关注人数
  • 1714浏览人数
  • 最后回答于:2019-6-20 16:13
    请选择关闭问题的原因
    确定 取消
    返回顶部