Resize image with jQuery to fit the div

$(window).load(function() {
    var $imgContainer = $("#layout-news-image");
    var $newsImg = $("#layout-news-image img\[rel!='sp\_DialogLinkIgnore'\]");
    $imgContainer.css("width", $imgContainer.parent().width());
    if ($newsImg.length > 0) {
	    if ($newsImg.width() < $imgContainer.width()) {
		    $imgContainer.width($newsImg.width());
	    }
	    if ($newsImg.height() < $imgContainer.height()) {
		    $imgContainer.height($newsImg.height());
	    }
	    $newsImg.imgscale({ 
		    parent : '#layout-news-image', 
		    center: "true",
		    scale: "fill"
	    });
    }
});
```This script checks if the original image is lesser than container div and doesn't resize if it is so. **#layout-news-image img\[rel!='sp\_DialogLinkIgnore'\]** means that do not resize if there is a hidden image with rel="sp\_DialogLinkIgnore". See the [jQuery selectors](http://api.jquery.com/category/selectors/) for more info. This script can be improved by adding window resize event in javascript. I use **$(window).load** instead of the usual _$(document).ready_ because [ready-function in jQuery runs when DOM is loaded, if the page is not cached it happens before the image is loaded](http://web.enavu.com/daily-tip/daily-tip-difference-between-document-ready-and-window-load-in-jquery/). $(document).ready doesn't work.