gniusBackground

gniusBackground resizes the image in full-screen with aspec ratio depended on its browsers window size. It also has options to be scrollable or fixed.

How to use

Just add this Code below in each section.

###Javascript:

new gniusBackground('myElement',{
    scrollable  : false,
    width       : 894,
    height      : 894
});

###HTML:

<div id="myElement">
    <img src="yourImageHere" />
</div>

###CSS:

#myElement{
    top         : 50%;
    left        : 50%;
    z-index     : 1;
}