About

A jQuery plugin that allows a background to fade in or out independently

of its content.

Usage

$(myDiv).bgFader({
    'type' : 'out',  //in, out, cross
    'duration' : 300, //animation duraction - accepts jQuery defined strings (eg slow, fast) or ms
    'newBg' : '', //new aruments for CSS 'background:' short hand declaration
    'easing' : 'linear', //linear or swing (unless you have the jQuery easing plugin installed)
    'fadeTo' : '0', //Opacity level at end of animation
    'callback' : '' //Callback function when animation has completed
})

The example values provided are also the defaults (with the exception that fadeTo defaults to 1 for a fade in)

Download

• jquery.bgFader.js (v0.2.0)
• GitHub Repo
• jQuery plugin page

Known Issues

• There are surely a lot of issues.
• Curently only tested in Firefox 3 and IE8.
• Find a bug? Please email me and let me know. Same goes for feature requests

Compatibility

• This is known to work with jQuery 1.4.x
• It should work just fine with earlier versions, but YMMV

Example

Coming soon.

Code

Coming soon.