JS限定手機版中圖片大小隨分辨率自動調整的方法
更新時間:2016年12月05日 10:48:39 投稿:jingxian
下面小編就為大家?guī)硪黄狫S限定手機版中圖片大小隨分辨率自動調整的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
實例如下:
<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限定手機版中圖片大小隨分辨率自動調整的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
javascript設計模式 – 抽象工廠模式原理與應用實例分析
這篇文章主要介紹了javascript設計模式 – 抽象工廠模式,結合實例形式分析了javascript抽象工廠模式相關概念、原理、定義、應用場景及操作注意事項,需要的朋友可以參考下2020-04-04webpack使用 babel-loader 轉換 ES6代碼示例
本篇文章主要介紹了webpack使用 babel-loader 轉換 ES6代碼 ,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2017-08-08jQuery?事件綁定及取消?bind?live?delegate?on?one區(qū)別解析
這篇文章主要介紹了jquery?事件綁定及取消?bind?live?delegate?on?one區(qū)別解析,本文給大家講解的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-11-11bootstrap時間控件daterangepicker使用方法及各種小bug修復
這篇文章主要介紹了bootstrap時間控件daterangepicker使用方法,及各種小bug修復,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-10-10JavaScript+html5 canvas制作色彩斑斕的正方形效果
這篇文章主要介紹了JavaScript+html5 canvas制作色彩斑斕的正方形效果,實例分析了JavaScript結合html5 canvas實現(xiàn)圖形動態(tài)繪制的技巧,需要的朋友可以參考下2016-01-01