显示一张很大的图片时,一般浏览器上会出现一个长长的滚动条,这让人看上去很不舒服。所以,我想让图片进行自动缩放,并不是图片裁剪。
下面给出一个示例:
<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">
这样,当一张图片超过指定宽度时,则会进行自动缩放显示。 |