Submit your widget
HomeImage EffectsjQuery Easy Background Resize

jQuery Easy Background Resize

Created 14 years ago   Views 13400   downloads 2466    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!

You might also like