Mootools Slideshows

1. Floom – Blinds-effect MooTools slideshow.

   

   There are two ways of setting Floom up. One is the object way, where you specify the image url and the caption using the key-value notation.The second one is by simply passing a element collection, ie. $$(‘#blinds img’), where the passed element has to be the actual image collection. In this scenario the caption is the elements title attribute.

   Options

   All options have default values assigned, hence are optional.

   1.0

   * prefix: (str) class prefix for dynamically created elements. Defaults to floom
   * amount: (int) amount of blinds. Defaults to 24
   * animation: (int) animation duration for each blind (slice). Defaults to 70
   * interval: (int) the interval between slide change. Defaults to 8000
   * axis: (str) either horizontal or vertical. Defaults to vertical
   * progressbar: (bool) show the progress bar. Defaults to true
   * captions: (bool) show the captions. Defaults to true
   * captionsFxIn: (obj) extend morph-in
   * captionsFxOut: (obj) extend morph-out
   * slidesBase: (str) the directory where to look for images/slides
   * sliceFxIn: (obj) extend morph-in
   * onSlideChange: fires on slide change
   * onPreload: fires on slides preload (once, on script initialization)
   * onFirst: fires when at the first slide
   * onLast: fires when at the last slide

   Download & demo

   * Example
   * Get uncompressed floom-1.0.js (7Kb)

   Homepage:http://blog.olicio.us/2009/07/25/floom/

2. SmoothGallery

   

   Using mootools v1.11, this javascript gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website…

   Homepage: http://smoothgallery.jondesign.net/showcase/gallery/

3. MooSlide

   

   A stunning Mootool for image galleries, slideshows, showcases for your websites…. which can match anything anywhere………

   Example: http://www.artviper.net/mooHorizonSlider/mooSlider.php

   Homepage: http://www.artviper.net/test/ajaxslide/

Related posts:

1. Creating Accordion, Dropdown and Sliding Menus in Mootools
2. Amazing Mootools Plugins to enhance your website
3. Amazing css menu Collections