图片如何放大显示，而不是一个链接？

点击放大预览图片，怎么实现？

FineReport yzm7skbn0612189 发布于 2023-5-5 15:02

1min目标场景问卷

立即参与

回答问题 已关注

悬赏：3 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共2回答

最佳回答

congerLv6高级互助
发布于2023-5-5 15:02

$("img").mouseover(function(e){var img=$(this).attr("src"); //获取鼠标当前所在单元格的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","40%").css("top","40%").css("z-index","9999999").css("position","absolute") .css("transform","scale(1)") }); //鼠标离开这个div移除$("img").mouseout(function(e){ $("#preview").remove(); });

// 改变图片大小

$("#preview img").css({"width":"100px","height":"100px"}) });