永发信息网

控制图片大小

答案:2  悬赏:10  手机版
解决时间 2021-04-13 22:52
  • 提问者网友:爱了却不能说
  • 2021-04-13 18:35

图片小的不用管它,如果图片大了就自动缩放,比如:650*488 

请问如何实现?

最佳答案
  • 五星知识达人网友:妄饮晩冬酒
  • 2021-04-13 19:45

给你一个函数吧,自动控制图片大小的,函数如下:


<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.alt=image.width+"×"+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.alt=image.width+"×"+image.height;
}
}
}
//-->
</script>


你只需要根据自己的需求调下里面的数字就可以了

全部回答
  • 1楼网友:酒安江南
  • 2021-04-13 21:13

先为你的img标签定义一个class 比如class="myimg"

在css中定义:

.myimg {

max-weight:50px;

max-height:50px;

}

相信你会改数字吧

我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯