lsFader 0.1

lsFader is a simple Mootools plugin that allows you to fade all child elements of a parent element.



Details

Author
Lars Schweisthal
Current version
0.1
GitHub
pennywise81/lsFader
Downloads
3538
Category
Effects
Tags
Report
GitHub Issues

Releases


Dependencies

  • _self_/_current_: core/1.4.5

How to use

Usage is very simple. Just create a parent element, which holds all the elements you want to fade, e.g.:

HTML

<ul id="demo">
    <li><img src="http://placehold.it/600x250" /></li>
    <li><img src="http://placehold.it/600x250/fff000/000000" /></li>
    <li><img src="http://placehold.it/600x250/00ff00/0000ff" /></li>
    <li><img src="http://placehold.it/600x250/0000ff/000000" /></li>
    <li><img src="http://placehold.it/600x250/ffff00/00ffff" /></li>
</ul>

Next up, start the animation in javascript:

Javascript

new lsFader(
    'demo', {
        'animationDuration' : 300,
        'showDuration' : 1000
});

Options are (or should be) self-explanatory.


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