鼠标悬停显示图片

$(".x-table td").mouseover(function(e){

var col=Number($(this).attr("col"))+1;  //获取鼠标当前所在单元格的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")

.css("width","410px")

.css("height","410px")

    });

    //鼠标离开这个div移除

$(".x-table td").mouseout(function(e){

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

    });

用上面这个js现在为这一行都会获取图片,怎么固定为A2单元格显示图片

现在图片路径写在B2里面然后隐藏B2列

FineReport 帆软用户pzAIs5tEpA 发布于 2023-4-24 13:43 (编辑于 2023-4-24 14:05)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
luojian0323Lv7资深互助
发布于2023-4-24 13:49(编辑于 2023-4-24 13:49)

把$(".x-table td").

改成:$(".x-table td").find("td[id^=A2-]").

  • 帆软用户pzAIs5tEpA 帆软用户pzAIs5tEpA(提问者) 加了好像照片都没显示了/(ㄒoㄒ)/~~ 我这个路径在B2然后隐藏列
    2023-04-24 14:04 
  • luojian0323 luojian0323 回复 帆软用户pzAIs5tEpA(提问者) 你那个获取单元格地址改为B2 呀
    2023-04-24 14:20 
  • 帆软用户pzAIs5tEpA 帆软用户pzAIs5tEpA(提问者) 回复 luojian0323 请问要怎么改啊
    2023-04-24 14:25 
  • luojian0323 luojian0323 回复 帆软用户pzAIs5tEpA(提问者) var img=contentPane.curLGP.getCellValue(\"A2\"); //获取到隐藏的图片地址 原来你这里写的是从A2获取图片地址,你的图片地址在B2,现在怎么改了吗?
    2023-04-24 14:59 
最佳回答
0
用户k6280494Lv6资深互助
发布于2023-4-24 13:48

var img=contentPane.curLGP.getCellValue("A2");  //获取到隐藏的图片地址

$("body").append("<div id='preview'><img style=\"width:100%;height:100%\" src='"+ img +"'  /></div>"); //弹出一个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")

.css("width","410px")

.css("height","410px")

    });

    //鼠标离开这个div移除

$(".x-table td").mouseout(function(e){

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

    });

  • 3关注人数
  • 319浏览人数
  • 最后回答于:2023-4-24 14:05
    请选择关闭问题的原因
    确定 取消
    返回顶部