图片放大

如何将图片,放大显示一下,也就是双击下面的图片,把该图放大。谢谢!

image.png

FineReport yclizq 发布于 2020-7-18 14:06
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
1
luojian0323Lv7资深互助
发布于2020-7-18 14:13(编辑于 2020-7-18 14:14)
鼠标悬浮,图片放大,前提是图片显示方式为html
代码放在加载结束事件中:
//////////////////////////////////////////////////////////////////////////////////

$("img").mouseover(function(e){

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

$("body").append("");        //弹出一个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();
    });


  • yclizq yclizq(提问者) 这个好像不起作用
    2020-07-18 14:35 
  • luojian0323 luojian0323 回复 yclizq(提问者) 你的图片是用toimage,还是webimage,还是img标签 上面说明写了此代码适用html显示的图片.
    2020-07-18 14:36 
  • bLVlTqmb bLVlTqmb 用html显示的图片,好像也不能实现
    2023-12-02 10:51 
  • EOS1DX EOS1DX 好像不起作用
    2024-05-21 21:55 
  • 4关注人数
  • 2100浏览人数
  • 最后回答于:2020-7-18 14:14
    请选择关闭问题的原因
    确定 取消
    返回顶部