JS实现悬停放大图片,怎么把修改图片大小

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

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

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

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

$("body").append("<div id='preview'><img 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","9999")

.css("position","absolute")

});

//鼠标离开这个div移除

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

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

});

怎么修改这段代码

呆若木鸡 发布于 2019-5-13 11:12
1min目标场景问卷 立即参与
回答问题
悬赏:6 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
Kevin-sLv7中级互助
发布于2019-5-13 11:32(编辑于 2019-5-13 11:33)

$(".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 img") 

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

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

$("#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();

    });

你把里面的填报的这段替换掉成上面那段就可以,其中下面这段代码  

$("#preview img") 

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

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

可以控制宽高

最佳回答
0
yuzhimingLv2初级互助
发布于2019-5-13 11:29

$("#preview").css("width","xxpx")

$("#preview").css("height","xxpx")

  • 3关注人数
  • 782浏览人数
  • 最后回答于:2019-5-13 11:33
    请选择关闭问题的原因
    确定 取消
    返回顶部