js自适应图片宽和高
代码:
<script type="text/javascript" language="javascript">
function fixImage(i,w,h){
var ow = i.width;
var oh = i.height;
var rw = w/ow;
var rh = h/oh;
var r = Math.min(rw,rh);
if (w ==0 && h == 0){
r = 1;
}else if (w == 0){
r = rh<1?rh:1;
}else if (h == 0){
r = rw<1?rw:1;
}
if (ow!=0 && oh!=0){
i.width = ow * r;
i.height = oh * r;
}else{
var __method = this, args = $A(arguments);
window.setTimeout(function() {
fixImage.apply(__method, args);
}, 200);
}
i.onload = function(){}
}
</script>
用法:
<img src="" onload="fixImage(this,100,100)">
代码:
<script type="text/javascript" language="javascript">
function fixImage(i,w,h){
var ow = i.width;
var oh = i.height;
var rw = w/ow;
var rh = h/oh;
var r = Math.min(rw,rh);
if (w ==0 && h == 0){
r = 1;
}else if (w == 0){
r = rh<1?rh:1;
}else if (h == 0){
r = rw<1?rw:1;
}
if (ow!=0 && oh!=0){
i.width = ow * r;
i.height = oh * r;
}else{
var __method = this, args = $A(arguments);
window.setTimeout(function() {
fixImage.apply(__method, args);
}, 200);
}
i.onload = function(){}
}
</script>
用法:
<img src="" onload="fixImage(this,100,100)">
作者:noel@淘宝网女装新款秋装连衣裙裤子外套上衣_2012时尚女装新款 Ecmall二次开发-PHP技术
地址:http://www.laohucheng.com/post/110/
版权所有©转载时必须以链接形式注明作者和原始出处及本声明!
Tags: js自适应图片宽和高 引用(0)
PHP&MYSQL分页原理及实现
SQL和ASP技巧集合
2009
13:58
969
0


