控制图片长宽少于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控制图片尺寸的方法。通过图片onload事件激发函数,控制图片长宽少于120像素。还实现了图片的缩小和放大功能,利用按钮点击触发相应函数,调整图片的缩放比例。
1124

被折叠的 条评论
为什么被折叠?



