layer.open實現圖片預覽


function previewImg(src) {
var img = new Image();
img.src = src;
var height = img.height * 1; //獲取圖片高度
var width = img.width * 1; //獲取圖片寬度
if(height>392){
height=392;
}
if(width>619){
height=619;
}
var imgHtml = "<img src='" + src + "' />";
//彈出層
layer.open({
type: 1,
shade: 0.8,
offset: 'auto',
area: [width + 'px', height + 'px'],
shadeClose: true,//點擊外圍關閉彈窗
scrollbar: false,//不現實滾動條
title: "", //不顯示標題
content: imgHtml, //捕獲的元素,注意:最好該指定的元素要存放在body最外層,否則可能被其它的相對元素所影響
cancel: function () {
//layer.msg('捕獲就是從頁面已經存在的元素上,包裹layer的結構', { time: 5000, icon: 6 });
}
});
return false;
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM