雁南飞的专栏

不积跬步,无以致千里,不积细流,无以成江海

javascript控制图片显示大小

控制图片长宽少于120像素(用图片onload(this)事件激发)

function DrawImage(srcobj)
{
    var OImg=new Image();
    OImg.src=srcobj.src;
    var scale=OImg.width>OImg.height?(OImg.width>120?OImg.width/120:1):(OImg.height>120?OImg.height/120:1);
    srcobj.width=OImg.width/scale;
    srcobj.Height=OImg.height/scale;    

缩小、放大图片

<script language="javascript">
 var mm=1;
 function imgzoom(h)
 {  
  if (h==1)
  {
  mm+=0.2;
  mm=Math.min(2,mm);
  document.all.imgjpg.style.zoom=mm;
  //alert(mm*100+"%");
  }
  else if(h==2)
  {
  mm-=0.2;
  mm =Math.max(0.05, mm);
  //alert(mm*100+"%");
  document.all.imgjpg.style.zoom=mm;
  }
 }
</script>
<input type=button value="放大" onclick="imgzoom(1);">
<input type=button value="缩小" onclick="imgzoom(2);">

<IMG id="imgjpg" name="imgjpg" src="FreightEMap.jpg">

阅读更多
个人分类: Javascript&CSS
想对作者说点什么? 我来说一句

控制图片显示大小的代码

2010年01月04日 833B 下载

网页自动改变图片大小的代码

2013年07月31日 456B 下载

图片显示特效javascript

2011年11月18日 1.52MB 下载

没有更多推荐了,返回首页

不良信息举报

javascript控制图片显示大小

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭