Submit your widget

jQuery Easy Background Resize

Created 8 years ago   Views 19619   downloads 2747    Author johnpatrickgiven
jQuery Easy Background Resize
View DemoDownload 273.9 KB
133
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!