layer.open彈層查看縮略圖的原圖,自適應(yīng)大小的實例
更新時間：2019年09月05日 09:08:09 作者：戀念思爾悄悄然
今天小編就為大家分享一篇layer.open彈層查看縮略圖的原圖,自適應(yīng)大小的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
很多時候需要查看縮略圖的原圖，那么layer.open是一個不錯的選擇
直接上代碼
//查看原圖
function showImg(url){
//alert(url);
var img_infor = "<img src='" + url + "' />";
layer.open({
type: 1,
closeBtn: 1,
shade: false,
title: false, //不顯示標題
//skin: 'layui-layer-nobg', //沒有背景色
shadeClose: false,
area:['auto','auto'],
//area: [img.width + 'px', img.height+'px'],
content: img_infor //捕獲的元素，注意：最好該指定的元素要存放在body最外層，否則可能被其它的相對元素所影響
//cancel: function () {
//layer.msg('圖片查看結(jié)束！', { time: 5000, icon: 6 });
//}
});
}
前提是要知道img的src
好了，ok！
以上這篇layer.open彈層查看縮略圖的原圖,自適應(yīng)大小的實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript實現(xiàn)簡單圖片翻轉(zhuǎn)的方法
這篇文章主要介紹了JavaScript實現(xiàn)簡單圖片翻轉(zhuǎn)的方法,涉及javascript操作圖片與數(shù)組的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
javascript定時變換圖片實例代碼，需要的朋友可以參考一下2013-03-03
這篇文章主要給大家介紹了關(guān)于微信小程序頁面間傳值的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
bootstrap學(xué)習(xí)使用（導(dǎo)航條、下拉菜單、輪播、柵格布局等）
這篇文章主要為大家詳細介紹了bootstrap框架、導(dǎo)航條、下拉菜單、輪播廣告carousel、柵格系統(tǒng)布局、標簽頁tabs等相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了uniapp自定義驗證碼輸入框隱藏光標,效果是點擊輸入框喚起鍵盤，藍框就相當于input的光標，驗證碼輸入錯誤或者不符合格式要求會將字體以及邊框改成紅色提示持續(xù)1s然后清空數(shù)據(jù)，恢復(fù)原邊框樣式，需要的朋友可以參考下2023-02-02
這篇文章主要為大家詳細介紹了微信小程序云開發(fā)，搭建一個管理小程序，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
本文主要介紹了js實現(xiàn)樓層導(dǎo)航功能的示例，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
微信小程序?qū)W習(xí)總結(jié)（三）條件、模板、文件引用實例分析
這篇文章主要介紹了微信小程序條件、模板、文件引用,結(jié)合實例形式分析了微信小程序if條件判斷、模板調(diào)用、wxss文件引用等相關(guān)操作技巧,需要的朋友可以參考下2020-06-06
Javascript 異步加載詳解(瀏覽器在javascript的加載方式)
本文總結(jié)一下瀏覽器在 javascript 的加載方式,需要的朋友可以參考下2012-05-05
layui 數(shù)據(jù)表格 根據(jù)值(1=業(yè)務(wù),2=機構(gòu))顯示中文名稱示例
今天小編就為大家分享一篇layui 數(shù)據(jù)表格 根據(jù)值(1=業(yè)務(wù),2=機構(gòu))顯示中文名稱示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10