Homepage:
http://medienfreunde.com/lab/innerfade
Author(s): Torsten Baldes
Version: 20080214
InnerFade is a small plugin for the jQuery-JavaScript-Library. It's designed to
fade you any element inside a container in and out. These elements could be
anything you want, e.g. images, list-items, divs. Simply produce your own
slideshow for your portfolio or advertisings. Create a newsticker or do an
animation.
Usage
JavaScript API
<ul id="news">
<li>content 1</li>
<li>content 2</li>
<li>content 3</li>
</ul>
<script type="text/javascript">
$('#news').innerfade({
animationtype:
Type of animation 'fade' or 'slide'
(Default: 'fade'),
speed:
Fading-/Sliding-Speed in milliseconds or keywords
(slow, normal or fast) (Default: 'normal'),
timeout:
Time between the fades in milliseconds (Default: '2000'),
type:
Type of slideshow: 'sequence', 'random' or 'random_start'
(Default: 'sequence'),
containerheight:
Height of the containing element in any css-height-value
(Default: 'auto'),
runningclass:
CSS-Class which the container get's applied
(Default: 'innerfade'),
children:
optional children selector (Default: null)
});
</script>
Foswiki integration
Use the
jqInnerfade
to mark those elements you want to generate an inner-fade for. Use
metadata in the class attribute to specify further parameters.
Examples