JQueryInnerFade

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

Good Guy bad Guy Whizzkids Königin Mutter RT Hybride Archivierung TÜV SÜD Gruppe
 
This site is powered by FoswikiCopyright &© by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding UTfit? Send feedback