MooSlide

Es parecido a la lightbox... pero no.. porque incorpora un aspecto de acordeón. Además lleva un efecto elástico muy gracioso. La prueba, en BLOG DE PRUEBAS

Es un hack original de artviper

Vamos al código:

.- CSS, al que únicamente he marcado el referente a la información que pueda desplegarse con el slide (al margen del link que mostraré más abajo):

#info {
color: #FFFFFF;
font-size: 12px;
}

.- SCRIPTS: El inefable Mootools y el slide, amén del link al CSS de este último.

<script src='http://junioscripts.googlepages.com/mootools-release-1.11.js' type='text/javascript'/>

<link href='http://junioscripts.googlepages.com/slideshow1.css' media='screen' rel='stylesheet' type='text/css'/>

<script src='http://junioscripts.googlepages.com/slideshow.rc1.packed.js' type='text/javascript'/>

.- HTML: Lo he insertado en una entrada, pero cada quien... donde guste.

<div id="content">

<p><a href="http://www.artviper.net/test/ajaxslide/images/0.jpg" rel="designSlide" rev="mycontent" title="Design Slide Sample::There's some nice tool out there, and it just does what it should - it slides in an image with description and adds extra content from a specified div">slideBox con contenido adicional</a>



<a href="http://www.artviper.net/test/ajaxslide/images/customers.jpg" rel="designSlide" title="Customers we are serving::Here's a short note">slideBox sin contenido adicional</a></p>



<p>&nbsp;</p>

</div>

Eso es todo... creo.