怎么实现点击一个图片自动弹出一个可以规定大小的图片。

怎么实现点击一个图片自动弹出一个可以规定大小的图片，现在我是用网络报表实现的，把图片放到网络报表中，但是现在不想要弹出框了，只想就弹出一张图片，这个怎么实现

FineReport 18847124794 发布于 2020-8-31 09:15

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

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

共2回答

最佳回答

luojian0323Lv7资深互助
发布于2020-8-31 09:17

用鼠标悬浮放大图片。

放大比例可在代码中设置，

前提是img标签图片

//////////////////////////////////////鼠标悬浮放大图片//////////////////////////////////

$("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","10%")
.css("z-index","9999999")
.css("position","absolute")        
.css("transform","scale(1)")
                                
    });
    //鼠标离开这个div移除
$("img").mouseout(function(e){
                $("#preview").remove();
    });