Log In | Users | Register
Welcome, Registration, and other StartingPoints; Foswiki history & Wiki style; All the docs...
spacer
Edit | Attach | New | Raw | Delete | History | Diff | Print | Pdf | Subscribe | Tools
You are here: System » JQueryPlugin » JQueryInnerFade

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
Attach
gif
ggbg.gif (4.43K)
version 1 uploaded by ProjectContributor on 16 Nov 2009 - 15:09
jpg
km.jpg (13.33K)
version 1 uploaded by ProjectContributor on 16 Nov 2009 - 15:09
jpg
rt_arch.jpg (39.39K)
version 1 uploaded by ProjectContributor on 16 Nov 2009 - 15:09
jpg
tuev.jpg (36.60K)
version 1 uploaded by ProjectContributor on 16 Nov 2009 - 15:09
gif
version 1 uploaded by ProjectContributor on 16 Nov 2009 - 15:11
spacer
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 Wiki? Send feedback
Syndicate this site RSS ATOM