Jquery控制图片宽度及高度

HTML代码如下:

<img id = "image" src="/image/picture.jpg"/>

Jquery代码如下:

$(document).ready(function() {
    var maxWidth = 800;
    var maxHeight = 500;
    var curWidth  = $("#image").width();
    var curHeight = $("#image").height();
    if(curWidth > maxWidth){
         $("#image").width(maxWidth);
    }
    if(curHeight > maxHeight){
         $("#image").height(maxHeight);
    }
});

运行效果,如你们所想的那样.