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)文章
話說(shuō)以前我轉(zhuǎn)過(guò)一片文章,講的是 JavaScript中||和&&的妙用, 下面是一些優(yōu)化寫(xiě)法。2010-02-02
Ajax實(shí)現(xiàn)郵箱驗(yàn)證實(shí)例代碼
這篇文章介紹了Ajax實(shí)現(xiàn)郵箱驗(yàn)證的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-04-04
下拉緩沖菜單效果想必大家都有見(jiàn)過(guò)吧，在本文使用JS輕松實(shí)現(xiàn)下，想學(xué)習(xí)的朋友可以參考下2013-08-08
JS監(jiān)聽(tīng)滾動(dòng)和id自動(dòng)定位滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了JS監(jiān)聽(tīng)滾動(dòng)和id自動(dòng)定位滾動(dòng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
Chrome擴(kuò)展頁(yè)面動(dòng)態(tài)綁定JS事件提示錯(cuò)誤
開(kāi)發(fā)Chrome擴(kuò)展時(shí)，頁(yè)面的popup.html中需要js的時(shí)候，直接將JS寫(xiě)在動(dòng)態(tài)綁定JS事件會(huì)提示錯(cuò)誤，下面有個(gè)不錯(cuò)的解決方法，大家可以參考下2014-02-02
小程序?qū)崿F(xiàn)左右來(lái)回滾動(dòng)字幕效果
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)左右來(lái)回滾動(dòng)字幕效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
本篇文章主要是對(duì)JS獲取地址欄參數(shù)的幾種方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
這篇文章主要介紹了JS中捕獲console.log()輸出的方法,實(shí)例分析了實(shí)現(xiàn)獲取console.log輸出的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04
JavaScript高級(jí)程序設(shè)計(jì) 讀書(shū)筆記之十一 內(nèi)置對(duì)象Global
由ECMAScript實(shí)現(xiàn)提供的、獨(dú)立于宿主環(huán)境的所有對(duì)象，在ECMAScript程序開(kāi)始執(zhí)行時(shí)出現(xiàn)2012-03-03
柱形圖是圖表中常見(jiàn)的一種，這篇文章主要介紹了d3繪制基本的柱形圖的實(shí)現(xiàn)代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12