article:
Mockup: Book Mockup Template
article:
Elements Design: 10 Seamless Photoshop Patterns

JS Plugin: Easy Background Resize

Advertisement

"The jQuery Easy Background Resize plugin is intended to easily allow a background image to dynamically resize itself to the size of the browser keeping the images aspect ratio in tact."


Screenshot

Sample ... barcelonaplantes

Plugin: Easy Background Resize


Implementation

<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<script src="javascripts/jquery.ez-bg-resize.js"></script>

and

javascript / text

$(document).ready(function() {
        $("body").ezBgResize({
            img : "image/bg.jpg", // Relative path example. You could also use an absolute url (http://...).
            opacity : 1, // Opacity. 1 = 100%. This is optional.
            center : true // Boolean (true or false). This is optional. Default is true.
        });
    });



Optional Settings

Optional arguments are center & opacity.


"Please share your feedback in comments below."


source
github
download

Advertisement
Tags: plugin, jquery, background, resize

Leave a Comment

No Comment

© Creative3x Ltd.