CSS expression controls the image auto scaling effect code [compatible with IE, Firefox]

It took a long time today to finally solve this problem, which is basically perfect. The only difference is that IE 6 will automatically resize the image only after it is completely downloaded, it is more comfortable than seeing a long horizontal scroll bar after entering the page. expression is used here, but it is loaded once, so expression will not cause memory leakage. Of course, if you have a better solution, I hope you can communicate with me.

CodeAs follows:

. 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 ));}