010-82967418
当前位置:网站建设>行业新闻
分享一个好的等比例缩放图片的方法
点击量:8255 发布时间:2011-8-19 17:33:50

以前做网站制作都会积累一些常用的JS代码、库类之类的东西。相信做网站程序或者网站页面制作的朋友大都也会积累一些代码,前几天我的电脑死机几次终于蔑视我的置之不理了,当客户需要一个等比例图片缩放效果的时候卡壳了...

有问题,就去搜呗,发现了一个很不错的等比例缩放js代码,分享给大家,主要是好理解而且高、宽都可以等比例缩放:

方法:(如果不是整站都需要等比例缩放,可以直接放到页面里)

function AutoResizeImage(maxWidth,maxHeight,objImg){
var img = new Image();
img.src = objImg.src;
var hRatio;
var wRatio;
var Ratio = 1;
var w = img.width;
var h = img.height;
wRatio = maxWidth / w;
hRatio = maxHeight / h;
if (maxWidth ==0 && maxHeight==0){
Ratio = 1;
}else if (maxWidth==0){//
if (hRatio<1) Ratio = hRatio;
}else if (maxHeight==0){
if (wRatio<1) Ratio = wRatio;
}else if (wRatio<1 | | hRatio<1){
Ratio = (wRatio<=hRatio?wRatio:hRatio);
}
if (Ratio<1){
w = w * Ratio;
h = h * Ratio;
}
objImg.height = h;
objImg.width = w;
}
html里的调用

onload="AutoResizeImage(最大宽,最大高,this)" />

挺好的用的,可以根据高宽限制,或者单独限制高或者宽!

PHP有的时候调试如果出现无法辨认的js或者样式的提示的时候,在js或者样式外加{literal}

{literal}

js或者css样式

{/literal}

说完等比例缩放类了,其它的东西也随带说了一下。如果你有其它问题调试不出来可以发信息给我们,这个方法还是比较简单的!

Copyright2006-2013 xinyisheji.com
新翼设计出品-北京网站建设,北京网站设计,北京网站制作,我们值得信赖. 京 ICP备:10043999
htm网站地图 | xml网站地图 | 网站统计
+86-010-82967418 52431618  
xinyidesign@126.com  
www. www.xinyisheji.com  
北京市海淀区西三旗上奥世纪中心B-8层  
售后咨询热线
010-82967418