jQuery Image Resize

by slawe

HTML

<body id="page-body">
	<img class="source-image" src="http://im.rediff.com/getahead/2014/may/29perfectly-timed-pictures1.jpg" alt="" />
</body>

CSS

img.source-image {
	position: absolute;
	top: 0;
	left: 0;
}

JavaScript

$(document).ready(function() { 
		var $winwidth = $(window).width();
        var $winheight = $(window).height();
		$("img.source-image").attr({
			width: $winwidth,
            height: $winheight
		});
		$(window).bind("resize", function(){ 
			var $winwidth = $(window).width();
            var $winheight = $(window).height();
			$("img.source-image").attr({
				width: $winwidth,
                height: $winheight
			});
		 });
	});