MOOTOOLS: Slideshow 2

User Rating:  / 0
PoorBest 

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>

<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!!.

Music You like..

IT News to be aware of ..

Check also...