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

Topic attachments
ISorted descending Attachment Action Size Date Who Comment
km.jpgjpg km.jpg manage 13.3 K 16 Nov 2009 - 15:09 ProjectContributor  
rt_arch.jpgjpg rt_arch.jpg manage 39.4 K 16 Nov 2009 - 15:09 ProjectContributor  
tuev.jpgjpg tuev.jpg manage 36.6 K 16 Nov 2009 - 15:09 ProjectContributor  
ggbg.gifgif ggbg.gif manage 4.4 K 16 Nov 2009 - 15:09 ProjectContributor  
whizzkids.gifgif whizzkids.gif manage 8.7 K 16 Nov 2009 - 15:11 ProjectContributor  
This topic: System > JQueryPlugin > JQueryInnerFade
Topic revision: 12 Feb 2010, ProjectContributor
 
This site is powered by FoswikiCopyright © CC-BY-SA by the contributing authors. All material on this collaboration platform is copyrighted under CC-BY-SA by the contributing authors unless otherwise noted.
Ideas, requests, problems regarding Foswiki? Send feedback