JS实现悬停,图片放大

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

var col = Number($(this).attr("col"));

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

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

//alert (col+row+img);

if (col == 7)

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

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

.css("width", 800)

.css("height", 600)

.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", "30%")

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

.css("z-index", "99999")

.css("position", "absolute")

});

//鼠标离开这个div移除

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

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

});

这里面的设置,需要改哪里可以把,横向的图片和竖向的图片,显示是一样的

FineReport yzmXrTpA3762457 发布于 2024-8-20 15:16
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
华莉星宸Lv7资深互助
发布于2024-8-20 15:18

这个估计系统没法区分图片是横向还竖向

  • 2关注人数
  • 98浏览人数
  • 最后回答于:2024-8-20 15:18
    请选择关闭问题的原因
    确定 取消
    返回顶部