图片双击放大问题

最新推荐文章于 2024-06-10 08:29:57 发布

moker墨客

最新推荐文章于 2024-06-10 08:29:57 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： web开发 jquery 文章标签：图片

本文链接：https://blog.youkuaiyun.com/qq_30607881/article/details/74007692

web开发同时被 2 个专栏收录

21 篇文章

订阅专栏

jquery

11 篇文章

订阅专栏

该博客讨论了如何在使用BootstrapTable展示动态加载的图片时，通过双击操作实现图片放大预览的功能。实现过程中特别指出需要layer库的支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在基于bootstrapTable动态加载表格为图片时，实现图片双击放大显示预览

$("#theTable").on('dblclick', "img[name='show_Photo']",function() {
    $('#bigPhoto>img').prop('src', $(this).prop('src'));
    $('#bigPhoto>img').css({
        //height : '480px',
        width : '800px'
    });
    if ($(this).prop('src') == null || $(this).prop('src') == '')
        return;
    layer.open({
        type : 1,
        title : false,
        closeBtn : 0,
        area : [ '800px', '' ],
        skin : 'layui-layer-nobg', //没有背景色
        shadeClose : true,
        content : $('#bigPhoto')
    });
});

需放大图片位置

这里写图片描述

注：

layer.open({
        type : 1,
        title : false,
        closeBtn : 0,
        area : [ '800px', '' ],
        skin : 'layui-layer-nobg', //没有背景色
        shadeClose : true,
        content : $('#bigPhoto')
    });

这段代码需要layer的依赖