MOOTOOLS: Slideshow 2

User Rating:  / 0
View Comments

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/articles/2.jpg">
<img id="slide-2" src="/images/articles/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 class="slideshow-thumbnails">
<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>

And Slideshow will do the rest!!!.

Its features:

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