按当前窗口大小缩放图片

俺的研究，杜绝了在大图片下css缩放失效的问题。

 

<style type="text/css">
.zoomImage {
 height:auto;
 zoom:expression(
  function(elm){
   var myWidth = window.document.body.clientWidth-30;
   if (elm.width>myWidth) {
    var oldVW = elm.width;
    elm.width = myWidth;
    elm.height = elm.height*(myWidth /oldVW);
   }
   elm.style.zoom = '1';
  }(this)
 );
}
</style>
<script type="text/javascript" defer>
 var divObj = document.getElementById("div1");
 var imageObj = document.createElement("image");
 imageObj.src = " http://www.tu888.cn/tesetuku/xpzhuti/xd35.jpg";
 imageObj.onload = function(){this.className = "zoomImage";};
 divObj.appendChild(imageObj);
</script>
<div id="div1" style="width:100%; height:100%;"></div>