release
dev builds
extras
themes manual
wiki
device status forums
mailing lists
IRC bugs
patches
dev guide



Search | Go
Wiki > 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
ISorted ascending Attachment Action Size Date Who Comment
ggbg.gifgif ggbg.gif manage 4.4 K 16 Nov 2009 - 14:09 ProjectContributor  
whizzkids.gifgif whizzkids.gif manage 8.7 K 16 Nov 2009 - 14:11 ProjectContributor  
km.jpgjpg km.jpg manage 13.3 K 16 Nov 2009 - 14:09 ProjectContributor  
rt_arch.jpgjpg rt_arch.jpg manage 39.4 K 16 Nov 2009 - 14:09 ProjectContributor  
tuev.jpgjpg tuev.jpg manage 36.6 K 16 Nov 2009 - 14:09 ProjectContributor  
r1 - 12 Feb 2010 - 15:11:05 - ProjectContributor

Parents: JQueryPlugin
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