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