一个分享个人学习、开发经验的Blog,http://www.joyphper.net

利用js等比例放大缩小图片

posted @ 2010-12-03 14:57 | 阅读:3442 | 评论:0 | 分类: Javascript

代码如下:

function DrawImage(ImgD){   
    var flag=false;   
    var image=new Image();   
    var myImgH=145;//自己想要的图片最大高度  
    var myImgW=190;//自己想要的图片最大宽度  
    image.src=ImgD.src;   
    if(image.width>0 && image.height>0){   
        flag=true;   
        if(image.width/image.height>= myImgW/myImgH){             
            if(image.width>myImgW){                 
                ImgD.width=myImgW;                     
                ImgD.height=(image.height*myImgW)/image.width;                 
            }else{   
                ImgD.width=image.width;                     
                ImgD.height=image.height;                 
            }   
            //ImgD.alt=image.width+"×"+image.height;   
        } else{        
            if(image.height>myImgH){   
                ImgD.height=myImgH;   
                ImgD.width=(image.width*myImgH)/image.height;   
            }else{   
                ImgD.width=image.width;   
                ImgD.height=image.height;   
            }   
            //ImgD.alt=image.width+"×"+image.height;   
        }   
    }   
} 

 

使用方法:

只要在你把等比例放大和缩小的图片里加onload="javascript:DrawImage(this);“就可以了,例如:<img src="url" onload="javascript:DrawImage(this);" >

TAG: javascript , 放大缩小图片 , php学习

共有0条评论 发表评论>>

点击换一张验证码