layui一个简单的layui点击图片进行预览的方法

Posted 2020-11-05 NoctisYang

 1 function previewImg(obj) {
 2             var img = new Image();  
 3             img.src = obj.src;
 4             alert(img.src);
 5             var imghtml = "<img src=‘" + obj.src + "‘ />";  
 6             //捕获页  
 7             layer.open({  
 8                 type: 1,  
 9                 shade: false,  
10                 title: false, //不显示标题  
11                 //area:[‘600px‘,‘500px‘],  
12                 area: [600+‘px‘, 480+‘px‘],  
13                 content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响  
14                 cancel: function () {  
15                     //layer.msg(‘捕获就是从页面已经存在的元素上，包裹layer的结构‘, { time: 5000, icon: 6 });  
16                 }  
17             }); 
18         }

 

function previewImg(obj) {var img = new Image();      img.src = obj.src;    alert(img.src);    var imgHtml = "<img src=‘" + obj.src + "‘ />";      //捕获页      layer.open({          type: 1,          shade: false,          title: false, //不显示标题          //area:[‘600px‘,‘500px‘],          area: [600+‘px‘, 480+‘px‘],          content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响          cancel: function () {              //layer.msg(‘捕获就是从页面已经存在的元素上，包裹layer的结构‘, { time: 5000, icon: 6 });          }      }); }