gniusBackground 0.5.5

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.



Details

Author
Ivan Ilić
Current version
0.5.5
GitHub
MrIsaacs/gniusBackground
Downloads
1166
Category
Effects
Tags
Report
GitHub Issues

Releases


Dependencies

  • _self_/_current_: core/1.4.1: Dimensions

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;
}

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus