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
I Attachment Action Size Date Who CommentSorted ascending
ggbg.gifgif ggbg.gif manage 4.4 K 16 Nov 2009 - 14:09 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  
whizzkids.gifgif whizzkids.gif manage 8.7 K 16 Nov 2009 - 14:11 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