如何使用JS等比例改变显示图片的大小

JavaScript09

如何使用JS等比例改变显示图片的大小,第1张

原理：

用JS在加载图片后判断图片是否突破规定的高和宽，如果超过再根据图片的宽高比例进行调整。

特别说明，JS代码只限制图片的高或者宽时，宽或者高会按照比例进行相应调整。

假如你需要把所有的图片显示在140*226的区间里面，那么就使用下面这样的代码：

<img src=2009/04/1232336585-19.jpg onload='if (this.width>140 || this.height>226) if (this.width/this.height>140/226) this.width=140else this.height=226'>

JS控制浏览器窗口的大小代码之一：

<script>   

window.moveTo(0, 0)//移动窗口   

window.resizeTo(800, 600)//改变大小   

window.onresize=new Function("window.resizeTo(800,   600)")   

</script>

JS控制浏览器窗口的大小代码之二：

<SCRIPT>

if (window != top) top.location.href = location.href

self.resizeTo(800,600)

</SCRIPT>

JS控制浏览器窗口的大小代码之三：

<script language="javascript">

  function openWin()

  {

     var i=0

     i = open("","","width=500,height=500")

  }

</script>

JS控制浏览器窗口的大小代码之四：

<SCRIPT language=JavaScript>

  var new_width=800 //你要固定的浏览器宽度

  var new_height=600 //你要固定的浏览器高度

  function resizewindow()

  {

      window.resizeTo(new_width,new_height)

  }

  resizewindow()

  </SCRIPT>