首页 > 网络编程 > JavaScript > 网页特效 > 图象特效 > js实现图片等比缩略显示 支持IE/FF 2007-02-27 00:00:00 作者： js实现图片等比缩略显示 支持IE/FF <script language="javascript"> var flag=false; function MyImage(Img){ var image=new Image(); image.src=Img.src; width=236;//预先设置的所期望的宽的值 height=170;//预先设置的所期望的高的值 if(image.width>width||image.height>height){//现有图片只有宽或高超了预设值就进行js控制 w=image.width/width; h=image.height/height; if(w>h){//比值比较大==>宽比高大 //定下宽度为width的宽度 Img.width=width; //以下为计算高度 Img.height=image.height/w; }else{//高比宽大 //定下宽度为height高度 Img.height=height; //以下为计算高度 Img.width=image.width/h; } } } </script> <img src='http://pages.blueidea.com/articleimg/2007/01/1406/preview_b01.jpg' onload='javascript:MyImage(this);' border='0'> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
