FR展示图片问题

image.png

希望实现的效果是  点击图片 可以放大或者弹出一个框  看仔细点,这种怎么实现

FineReport Azwraith 发布于 2024-11-20 14:20
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
华莉星宸Lv7资深互助
发布于2024-11-20 14:22
  • Azwraith Azwraith(提问者) 你们太厉害了
    2024-11-20 14:24 
  • 华莉星宸 华莉星宸 回复 Azwraith(提问者) JS实现悬停放大图片https://bbs.fanruan.com/thread-133897-1-1.html
    2024-11-20 14:31 
  • Azwraith Azwraith(提问者) 回复 华莉星宸 $(".x-table td").mouseover(function(e){ var col=Number($(this).attr("col"))+1; //获取鼠标当前所在单元格的col //var col="D"; //获取鼠标当前所在单元格的col var row=$(this).attr("row"); //获取鼠标当前所在单元格的row var img=contentPane.curLGP.getCellValue(col,row); //获取到隐藏的图片地址 $("body").append("
    ");//弹出一个div里面放着图片 $("#preview")//修改这个div的样式,让他居中 .css("-ms-transform","translate(-50%,-50%)") .css("-moz-transform","translate(-50%,-50%)") .css("-o-transform","translate(-50%,-50%)") .css("transform","translate(-50%,-50%)") .css("left","50%") .css("top","50%") .css("z-index","9999999") .css("position","absolute") }); //鼠标离开这个div移除 $(".x-table td").mouseout(function(e){ $("#preview").remove(); }); 大佬 这个比较适合我,但是他会把其他列的也放大出来,怎么修改成 只有鼠标点到C列图片的时候才放大呢
    2024-11-20 15:31 
最佳回答
0
snrtuemcLv8专家互助
发布于2024-11-20 14:22
  • 3关注人数
  • 76浏览人数
  • 最后回答于:2024-11-20 14:22
    请选择关闭问题的原因
    确定 取消
    返回顶部