图片小的不用管它,如果图片大了就自动缩放,比如:650*488
请问如何实现?
图片小的不用管它,如果图片大了就自动缩放,比如:650*488
请问如何实现?
给你一个函数吧,自动控制图片大小的,函数如下:
<script language="JavaScript">
<!--
var flag=false;
function DrawImage1(ImgD){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>=90/70){
if(image.width>90){
ImgD.width=90;
ImgD.height=(image.height*90)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.×"+image.height;
}
else{
if(image.height>70){
ImgD.height=70;
ImgD.width=(image.width*70)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.×"+image.height;
}
}
}
//-->
</script>
你只需要根据自己的需求调下里面的数字就可以了
先为你的img标签定义一个class 比如class="myimg"
在css中定义:
.myimg {
max-weight:50px;
max-height:50px;
}
相信你会改数字吧