script language=Javascriptvar proMaxHeight = 150;var proMaxWidth = 110; function proDownImage(ImgD){ var image=new Image(); image.src=ImgD.src; if(image.width0 && image.height0){ var rate = (proMaxWidth/image.width proMaxHeight/image.height)?proMaxWidth/image.width:proMaxHeight/image.height; if(rate = 1){ ImgD.width = image.width*rate; ImgD.height =image.height*rate; } else { ImgD.width = image.width; ImgD.height =image.height; } }}//--
百度的javascript还好啦。所以收录下来。如果懂这个的话,一看就懂了。呵呵。。。
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)不过还是介绍一下用法。。。。。
img src="http://www.baidu.com/images/Logo.gif" /(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
上面是一般的HTML里面用的插入图片的一段。。。很简单。但是当插入的图片是网友上传的图片,对尺寸/比例不确定的时候。我们需要的就是这个js了。。。这段代码可以根据网友上传的图片,进行比例缩放。这样不会导致很多商品展示都出现的。图片尺寸都固定死了的情况。。。。用法很简单,把上面的这段javascript放到head/head之间,然后把
img src="http://www.baidu.com/images/Logo.gif" /改成
img src="http://www.baidu.com/images/Logo.gif" onload=proDownImage(this); /这样。就可以了。意思就是在图片load装载的时候,调用proDownImage函数对this(即图片本身)对象进行设置。就可以了。很简单,但很实用。