BackgroundY, background image animations jQuery plugin
BackgroundY is a jQuery plugin and helps create background image animations.
This plugin was created for a website I made and is posted here hoping it may help somebody. You're free to change the code in any way you want.
It only contains the features I needed at the time so if you need something plase ask.
BackgroundY Quick start
- Download the release from https://github.com/alpenzoo/BackgroundY;
- call JS file from your project
BackgroundY Documentation
To use it just:
$(document).ready(function(){
$('body').backgrounder({
easing: 'easeInOutCubic'
});
});
other options availlable:
- loadingtext: 'Loading image ...', [ not implemented yet :) ]
- loadingimage: '/media/loading.gif',
- wrapperclass: 'bg-wrapper',
- imgpath: '/media/',
- imgs: ['img-bg1.jpg','img-bg2.jpg','img-bg3.jpg'],
- imgsaspectratio: 1.777777777777778, //16:9 image assumed
- interval: 7000,
- zindexbase: 3,
- easing: 'linear',
- eventcrossfade: function(){}
BackgroundY last thoughts
The good part:
- BackgroundY is ready made & MIT licence;
- BackgroundY is simply to use due to jQuery wonderful plugin capabilities.
- BackgroundY was created for a website I made so the features are limited to my needs;
- BackgroundY currently suports just one image aspect ratio and you have to provide it;
- BackgroundY is not an gallery script so no next/previous options, just stop and start in case visitors get annoyed.


