MooFlow V0.2 - Documentation

Setup MooFlow

HTML

Use the title attribute as short title (displays in the caption) and the alt attribute as longer description.

Use a <a> element to link to other content.

Properties can passed:
Image ('src','title','alt','longdesc')
Link ('href','rel','target')

  1. <div id="MooFlow">
  2. <div><img src="img1.jpg" title="Title" alt="Some descriptions" /></div>
  3. <p><img src="img2.jpg" title="Title" alt="Some descriptions" /></p>
  4. <span><img src="img3.jpg" title="Title" alt="descriptions" /></span>
  5. <a href="big/image.jpg" rel="image">
  6. <img src="image.jpg" title="Title" alt="Some descriptions" />
  7. </a>
  8. </div>

Javascript

  1. window.addEvent('domready', function(){
  2.  
  3. var mf = new MooFlow($('MooFlow'), {
  4. startIndex: 5,
  5. useSlider: true,
  6. useAutoPlay: true,
  7. useCaption: true,
  8. useResize: true,
  9. useWindowResize: true,
  10. useMouseWheel: true,
  11. useKeyInput: true
  12. });
  13.  
  14. });

Options

Instance Event-Callbacks

Requirements

MooTools V.1.2

MooTools V.1.2 - Plugins

2008-07