今天花了很久時間終於解決了這個問題,基本上完美了,唯一不完美的就是IE 6 只有在圖片完全下載完成後才會自動調整大小,不過聊勝於無,總比進入頁面後看到長長的橫向滾動條舒服的多,這裡使用了expression,但是利用了一次加載,所以expression 不會造成內存洩漏。當然,如果你有更好的解決方案,希望能與我溝通。
程式碼如下:
.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)); }