jQuery Easy Background Resize

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!

Bg
Background image courtesy of: sc.chinaz.com

适用浏览器:FireFox. 不支持IE8、360、Chrome、Safari、Opera、傲游、搜狗、世界之窗。

来源:站长素材