Submit your widget

jQuery Easy Background Resize

Created 14 years ago   Views 13382   downloads 2461    Author johnpatrickgiven
jQuery Easy Background Resize
View DemoDownload
99
Share |

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();
}); 

 

And that's it! Well, other than including the proper jQuery and Easy Background Resize javascript files.

Hope you like it!