显示一张很大的图片时,一般浏览器上会出现一个长长的滚动条,这让人看上去很不舒服。所以,我想让图片进行自动缩放,并不是图片裁剪。  
下面给出一个示例: 
<style>  .Image {      max-width:600px;height:auto;cursor:pointer;      border:1px dashed #4E6973;padding: 3px;      zoom:expression( function(elm) {          if (elm.width>560) {              var oldVW = elm.width; elm.width=560;              elm.height = elm.height*(560 /oldVW);          }          elm.style.zoom = '1';      }(this));  } </style>  
这里使用了expression,但是利用了一次加载,所以expression不会造成内存泄漏。 
我们可以这样去用它: 
<IMG SRC="test.jpg" WIDTH="990" HEIGHT="2000" BORDER="0" ALT="" class="Image">  
这样,当一张图片超过指定宽度时,则会进行自动缩放显示。  |