dshowquery.jpg

DhoniShow ROCK otra versión de esta estupenda galería que nos permite montar slideshows a nuestros proyectos web. Anteriormente comentamos la que se llama solamente DhoniShow basada en prototype 1.5+ y Script.aculo.us. La diferencia con esta versión DhoniShow ROCK, es la librería que se utilizara, ahora completamente en jquery. Su funcionamiento es realmente muy simple, y las configuración con las cuales interactuar muchísimas. Muchos efectos, autoplay, transiciones manuales, opción de añadir imágenes miniaturas bajo la de tamaño original, tiempo de transiciones en secuencias, etc.

Ver Demo - Descarga Demo - Mas info DhoniShow ROCK

Uso:
Para su instalación como siempre, necesitamos descargar cada uno de los archivos, alojarlos en una carpeta o servidor y realizar la llamada correspondiente a ellos. Es decir, a nuestras librerías jquery y las correspondientes a DhoniShow, su script y su hoja de estilo.

JavaScript:
<link rel="stylesheet" href="dhonishow.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<script src="jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.dhonishow.js" type="text/javascript" charset="utf-8"></script>

Crear una slideshow con AUTOPLAY

HTML:
<div class="dhonishow autoplay_3 duration_3"> 
 <img src="1.jpg"> 
 <img src="2.jpg"> 
 <img src="4.jpg"> 
</div>

Crear galerias y agregando enlaces a las descripciones

HTML:
<div class="dhonishow"> 
<img src="1.jpg" alt="Agregando link a la descripcion. Mira: <a href='http://xyberneticos.com/'>xyberneticos.com</a>"> 
<img src="2.jpg" alt="Nuestra galeria slideShow con un dise&ntilde;o muy peculiar bajo <a href='http://dhonishow.de/'>dhonishow ROCk</a> mediante jQuery - power by <a href='http://xyberneticos.com/'>xyberneticos.com</a>
"> 
<img src="4.jpg" alt="Soy un link <a href='http://xyberneticos.com/'>xyberneticos.com</a> "> 
</div>

Ambas formas, lo podrán ver funcionar en el ejemplo que también pueden descargar.
gracias Cesar