国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Js獲取圖片原始寬高的實現代碼

2019-11-20 10:01:32
字體:
來源:轉載
供稿:網友

如果我們頁面看到的圖片都是縮略圖,那就需要做個圖片點擊放大效果,那么怎樣獲取圖片的原始寬高呢?方法如下:

//獲取圖片原始寬度function getNaturalWidthAndHeight(img) {var image = new Image();image.src = img.src;return [image.width,image.height];}//點擊縮略圖彈出層,顯示原始圖片。//獲取class為tz_main_box下的所有p標簽下的圖片img$(".tz_main_box p>img").each(function (k, v) {$(this).unbind("click"); //解除綁定,防止彈出多次圖片層。$(this).click(function () {var img = v; //圖片對象var imgArea = getNaturalWidthAndHeight(img);var layerWidth = imgArea[0]+ 5;if (layerWidth > 1080) {layerWidth = 1080; }var layerHeight = imgArea[1] + 5;if (layerHeight > 600) {layerHeight = 600;}//layer彈出層插件layer.open({type: 1,title: false,closeBtn: 0,area: [''+layerWidth+'px', '' + layerHeight + 'px'],skin: 'layui-layer-nobg', //沒有背景色shadeClose: true,closeBtn: 1, //顯示關閉按鈕content: "<center><img src='" + $(this).attr("src") + "'></center>"});});});

以上這篇Js獲取圖片原始寬高的實現代碼就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 关岭| 江油市| 绥中县| 随州市| 商洛市| 冷水江市| 厦门市| 观塘区| 漳浦县| 汕尾市| 南华县| 永泰县| 滕州市| 上蔡县| 江陵县| 乡宁县| 前郭尔| 溧阳市| 巨鹿县| 西乌珠穆沁旗| 沁源县| 苏尼特左旗| 忻城县| 红安县| 班玛县| 信丰县| 古浪县| 马龙县| 健康| 盐城市| 平顶山市| 岑溪市| 穆棱市| 桂东县| 始兴县| 松滋市| 手机| 玉山县| 峨山| 常州市| 平舆县|