layer.open彈層查看縮略圖的原圖,自適應(yīng)大小的實(shí)例

更新時(shí)間：2019年09月05日 09:08:09 作者：戀念思爾悄悄然

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