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

