图片自动缩放

下面给出一个示例：

Css代码

1. <style>   
2.  .Image {   
3.      max-width:600px;cursor:pointer;   
4.      border:1px dashed #4E6973;padding: 3px;   
5.      zoom:expression( function(elm) {   
6.          if (elm.width>560) {   
7.              var oldVW = elm.width; elm.width=560;   
8.              elm.height = elm.height*(560 /oldVW);   
9.          }   
10.          elm.style.zoom = '1';   
11.      }(this));   
12.  }   
13. </style>  

<style>
 .Image {
     max-width:600px;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不会造成内存泄漏。

我们可以这样去用它：

Html代码

1. <IMG SRC="test.jpg" WIDTH="990" HEIGHT="2000" BORDER="0" ALT="" class="Image">  

<IMG SRC="test.jpg" WIDTH="990" HEIGHT="2000" BORDER="0" ALT="" class="Image">

这样，当一张图片超过指定宽度时，则会进行自动缩放显示。