页面中的图片超过规定的大小就按原图片大小缩小，不超过的就按原样的JS处理方案

页面中的图片超过规定的大小就按原图片大小缩小，不超过的就按原样的JS处理方案
大杂烩-.NET

<script type="text/javascript"> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script>     我们经常会遇到在页面中的图片按照我们自己的大小来显示，这样可以让页面看起来更规范一些。
比如我们要在页面种显示130×160的图片，相当于我们将图片放入这样的一个相框那，超过的就缩放到这个框的大小，小的就原样显示。
    我们这里有2种解决办法，
    1，不按照比例的缩放

< script language = " javascript " >
function  changeImg(mypic){
     var  xw = 130 ;
     var  xl = 160 ;

     var  width  =  mypic.width;
     var  height  =  mypic.height;
                    
     if  (width  >  xw ) mypic.width  =  xw;
     if  (height  >  xl ) mypic.height  =  xl;
}
</ script >
< img src = " sh180.jpg "  onload = " changeImg(this) " >

    2，按照比例的缩放

< script language = " javascript " >
function  changeImg1(mypic){
     var  xw = 160 ;
     var  xl = 180 ;
        
     var  width  =  mypic.width;
     var  height  =  mypic.height;
     var  bili  =  width / height;        
        
     var  A = xw / width;
     var  B = xl / height;
        
     if (A > 1 || B > 1 )
    {
         if (A < B)
        {
            mypic.width = xw;
            mypic.height = xw / bili;
        }
         if (A > B)
        {
            mypic.width = xl * bili;
            mypic.height = xl;
        }
    }
}
</ script >
< img src = " sh180.jpg "  onload = " changeImg(this) " >

大杂烩

• Visual C++
• Delphi
• Visual Basic
• ASP
• Perl
• Java
• JavaScript
• 数据库开发
• 其他开发语言
• 游戏开发
• 文件格式
• 网站制作技术
• 其他
• .NET

<script type="text/javascript"> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script>

<script type="text/javascript"> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script>

<script type="text/javascript"> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script>

2006-7-29 4:53:00 主站 || ©2005 Manbu.net <script src="/MBCounter/Count.asp" type="text/javascript"></script> <script src="/Count/Count.asp" type="text/javascript"></script> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-255836-1"; urchinTracker(); </script> <script language="javascript" src="http://js.users.51.la/108705.js" type="text/javascript"></script>