MOOTOOLS: Slideshow 2

Slideshow 2! is a javascript class for Mootools 1.2 to animate a whole bunch of your favourite images into a presentation within your portal. It is already used in many sites so the stability of this solutions is out of question. Place your pics this way:

<div id="show" class="slideshow">
<div class="slideshow-images">
  <a rel="lightbox" href="images/1.jpg">
   <img id="slide-1" src="images/1.jpg" width="700"
   height="400" alt="Comment image 1" /></a>
  <a rel="lightbox" href="images/2.jpg">
   <img id="slide-2" src="images/2.jpg" width="500"
   height="600" alt="Comment image 2" /></a>
  <a rel="lightbox" href="images/3.jpg">
   <img id="slide-3" src="images/3.jpg" width="500"
   height="400" alt="Comment image 3" /></a>
</div>
<div class="slideshow-thumbnails">
  <ul>
    <li><a href="#slide-1">
     <img src="images/1t.jpg" width="50" height="40"
     alt="Slide thumbnail" /></a></li>
    <li><a href="#slide-2">
     <img src="images/2t.jpg" width="50" height="40"
     alt="Slide thumbnail" /></a></li>
    <li><a href="#slide-3">
     <img src="images/3t.jpg" width="50" height="40"
     alt="Slide thumbnail" /></a></li>
   </ul>
</div>
</div>

And Slideshow will do the rest!!!.



Its features:

• Dynamic resizing - Slideshow can accommodate any size presentation.
• Thumbnails - intelligent, auto-scrolling, tracking, etc.
• Full-featured controller - completely style-able with CSS.
• Animated captions - plain text or formatted with HTML.
• Fully accessible - Slideshow can be controlled with access keys.
• Automagic slideshows - create slideshows from existing HTML images.
• Varied hyperlinking options - Slideshow allows for mashups with Lightbox, Slimbox, etc.
• CSS slide transitions - designed in stylesheets, not javascript, allow for an infinite combination of effects (plus support for all Robert Penner transitions).
• Unobtrusive and degradable - Slideshow even functions with Javascript turned off!

Integrate this nice utility at your sites and adding some music as this one while photos being presented, ..that assures a Victory!!.