本人所开发的web页面图片显示的大小是通过dw做的,只能限制大小,比如说300X200,现在由于客户的要求,希望大于300X200的图片以300X200显示,而小于此标准的图片以图片原大小显示,请问通过代码如何能实现,希望有高手指点,最好能给一段代码,非常感谢!

解决方案 »

  1.   

    <image src="a.jpg" width=300 height=200>
      

  2.   

    用JS
    <script language="JavaScript"> 
    <!-- 
    var flag=false; 
    function DrawImage(ImgD){ 
    var image=new Image(); 
    image.src=ImgD.src; 
    if(image.width>0 && image.height>0){ 
      flag=true; 
      if(image.width/image.height>= 180/110){ 
       if(image.width>180){
        ImgD.width=180; 
        ImgD.height=(image.height*110)/image.width; 
       }else{ 
        ImgD.width=image.width;
        ImgD.height=image.height; 
       } 
       /*ImgD.alt="bigpic"  */
      } 
      else{ 
       if(image.height>110){
        ImgD.height=110; 
        ImgD.width=(image.width*110)/image.height; 
       }else{ 
        ImgD.width=image.width;
        ImgD.height=image.height; 
       } 
        /*ImgD.alt="bigpic"  */ 
      } 
    }
    }//--> 
    </script>
    图片使用的地方:
    <img src="图片" border=0 width="180" height="110" onload="javascript:DrawImage(this);">
    width="180" height="110"  注意这里最好限定,如果不限定加载图时会成原大,然后再缩小,这个过程如果图大了很难看的.这里是宽度和高度,在前面的JS里改,这里也作相应的改.
      

  3.   

    恩,图片缩放用的时候table控制会效果好些