JS限定手機版中圖片大小隨分辨率自動調(diào)整的方法
實例如下:
<script type="text/javascript"> var ObjImg = jQuery(".Dy_Content img"); for (var i = 0; i < ObjImg.length; i++) { loadImage(ObjImg.eq(i)); } function loadImage(Obj) { var b_width = 320; var img = new Image(); img.src = jQuery(Obj).attr("src"); if (img.complete) { var i_width = img.width; var i_height = img.height; if (i_width > b_width) { var bx = b_width / i_width; jQuery(Obj).width(b_width); jQuery(Obj).height((bx * i_height).toFixed(0)); } return; } img.onload = function () { var i_width = this.width; var i_height = this.height; if (i_width > b_width) { var bx = b_width / i_width; jQuery(Obj).width(b_width); jQuery(Obj).height((bx * i_height).toFixed(0)); } }; }; </script>
以上這篇JS限定手機版中圖片大小隨分辨率自動調(diào)整的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
javascript設(shè)計模式 – 抽象工廠模式原理與應(yīng)用實例分析
這篇文章主要介紹了javascript設(shè)計模式 – 抽象工廠模式,結(jié)合實例形式分析了javascript抽象工廠模式相關(guān)概念、原理、定義、應(yīng)用場景及操作注意事項,需要的朋友可以參考下2020-04-04webpack使用 babel-loader 轉(zhuǎn)換 ES6代碼示例
本篇文章主要介紹了webpack使用 babel-loader 轉(zhuǎn)換 ES6代碼 ,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2017-08-08jQuery?事件綁定及取消?bind?live?delegate?on?one區(qū)別解析
這篇文章主要介紹了jquery?事件綁定及取消?bind?live?delegate?on?one區(qū)別解析,本文給大家講解的非常詳細,對大家的學(xué)習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-11-11微信小程序網(wǎng)絡(luò)請求模塊封裝的具體實現(xiàn)
大家做小程序項目的時候肯定會遇到數(shù)據(jù)對接需求,下面這篇文章主要給大家介紹了關(guān)于微信小程序網(wǎng)絡(luò)請求模塊封裝的具體實現(xiàn),文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-03-03bootstrap時間控件daterangepicker使用方法及各種小bug修復(fù)
這篇文章主要介紹了bootstrap時間控件daterangepicker使用方法,及各種小bug修復(fù),具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-10-10JavaScript+html5 canvas制作色彩斑斕的正方形效果
這篇文章主要介紹了JavaScript+html5 canvas制作色彩斑斕的正方形效果,實例分析了JavaScript結(jié)合html5 canvas實現(xiàn)圖形動態(tài)繪制的技巧,需要的朋友可以參考下2016-01-01