HTML鼠标悬停图片置顶,鼠标悬浮图片放大

帮助文档上有一个案例，鼠标悬浮在图片上，图片放大。我现在想改一下放大之后图片的大小。我尝试了几个语句，都失败了。麻烦各位大佬帮帮忙。

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

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

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

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

$("body").append("

");//弹出一个div里面放着图片

// 我自己添加的

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

//.css(min-width:20px;max-width:50px;)我自己添加的

.css("-ms-transform","translate(-30%,-30%)")

.css("-moz-transform","translate(-30%,-30%)")

.css("-o-transform","translate(-30%,-30%)")

.css("transform","translate(-30%,-30%)")

.css("left","30%")

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

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

.css("position","absolute")

});

//鼠标离开这个div移除

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

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

});