Layui图片弹框预览

Weaponlyh

已于 2023-04-12 10:19:59 修改

阅读量233

点赞数 1

文章标签： javascript html 前端

于 2023-04-12 10:17:56 首次发布

本文链接：https://blog.csdn.net/liandiaohou9204/article/details/130100779

版权

  $('#demo1').click(function(){
    var src = $(this).attr('src');
    var imgHtml = "<img src='" + src + "' width='500px' height='500px'/>";  
        //弹出层
        layer.open({  
            type: 1,  
            shade: 0.8,
            offset: 'auto',
            area: [500 + 'px',550+'px'],
            shadeClose:true,
            scrollbar: false,
            title: "图片预览", //标题  
            content: imgHtml, //图片的元素  
            cancel: function () {  
                //layer.msg('success', { time: 5000, icon: 6 });  
            }  
        }); 
  })