jQuery实现按比例缩放图片

        在网站中通常要显示各种尺寸的图片,但图片的尺寸不一定符合显示的要求。如果直接指定img的width和height属性的话图片又很可能会被挤压的变形。下面这个代码可以把图片放进一个imgBox,并根据imgBox的大小来按比例缩放图片以适应他,同时图片会在imgBox中居中显示。来看代码:

     首先是HTML:

Code

 

     再是JavaScript:

Code

 

posted @ 2009-03-02 10:46  咖啡不苦  阅读(16671)  评论(14编辑  收藏  举报