Resizable full-browser background image using jQuery. Implementation requires no CSS. Keeps the images aspect ratio in tact!
Example HTML for Background DIV
<!-- This gets positioned absolutely so place it anywhere. -->
<div id="body-background"><img src="image/bg.jpg" alt="Bg"></div>
Example Example jQuery Code
$(document).ready(function() {
$("#body-background").ezBgResize();
});
$(window).bind("resize", function(){
$("#body-background").ezBgResize();
});
And that's it! Well, other than including the proper jQuery and Easy Background Resize javascript files.
Hope you like it!
