JS限定手機(jī)版中圖片大小隨分辨率自動(dòng)調(diào)整的方法
更新時(shí)間：2016年12月05日 10:48:39 投稿：jingxian
下面小編就為大家?guī)?lái)一篇JS限定手機(jī)版中圖片大小隨分辨率自動(dòng)調(diào)整的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
實(shí)例如下：
<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限定手機(jī)版中圖片大小隨分辨率自動(dòng)調(diào)整的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了js判斷移動(dòng)端是否安裝某款app的多種方法，感興趣的小伙伴們可以參考一下2015-12-12
對(duì)layui數(shù)據(jù)表格動(dòng)態(tài)cols(字段)動(dòng)態(tài)變化詳解
今天小編就為大家分享一篇對(duì)layui數(shù)據(jù)表格動(dòng)態(tài)cols(字段)動(dòng)態(tài)變化詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10
JavaScript實(shí)現(xiàn)數(shù)據(jù)脫敏的三種解決方式
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)數(shù)據(jù)脫敏的三種解決方式,包括電話、姓名、郵箱、身份證等,有需要的小伙伴可以參考一下2024-11-11
JavaScript數(shù)組去重的3種方法和代碼實(shí)例
這篇文章主要介紹了JavaScript數(shù)組去重的3種方法和代碼實(shí)例,本文直接給出實(shí)例代碼,需要的朋友可以參考下2015-07-07
javascript+mapbar實(shí)現(xiàn)地圖定位
地圖定位 圖吧地圖定位 附j(luò)avascript源碼每行都有注釋2010-04-04
js實(shí)現(xiàn)選中復(fù)選框文字變色的方法
這篇文章主要介紹了js實(shí)現(xiàn)選中復(fù)選框文字變色的方法,涉及javascript鼠標(biāo)事件及頁(yè)面元素的相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
javascript的indexOf忽略大小寫(xiě)的方法
javascript 中 indexOf 是嚴(yán)格區(qū)分大小寫(xiě)的 如何才能忽略大小寫(xiě)呢?2008-08-08
List Information About the Binary Files Used by an Applicati
List Information About the Binary Files Used by an Application...2007-06-06
微信小程序分享功能之按鈕button 邊框隱藏和點(diǎn)擊隱藏
這篇文章主要介紹了微信小程序分享功能之按鈕button 邊框隱藏和點(diǎn)擊隱藏,需要的朋友可以參考下2018-06-06
這篇文章主要介紹了使用fileReader的一個(gè)坑及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-12-12