Sharing css and js code for automatic scaling of images compatible with ie and firefox_javascript skills

img{max-width: 600px;max-height: 800px;}

var img_width = img.OffsetWidth;
var img_height = OffsetHeight;
var current_w = (150*img_width)/img_height;
var current_h = (330*img_height)/img_width;
if(img_height>150){
if(img_width>330){
D.css(img,{
width:330 "px",
height:current_h "px"
})
}else{
D.css(img,{
width:current_w "px",
height:150 "px"
})
}
}else{
if(img_width>330){
D.css(img,{
width:330 "px",
height:current_h " px"
})
}else{
D.css(img,{
width:img_width "px",
height:img_height "px"
})
}
}


[Note 1: D.css is KISSY.DOM.css, which refers to the DOM method in the kissy class library]

[Note 2: Use JavaScript to control the size of the image. The page must wait until the image is completely loaded, so the code must be included in the window.onload event. If the image loading speed is very slow, there may be a small flaw]

So we can combine these two together. Use css first and then add js later.