DhoniShow ROCK – Mas formas de crear slideshows

Publicado por Nikko el dia 13 Sep 2008 - Guardado en Diseño Web, Galerias, Scripts, jQuery Leido 4,151 Veces

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

Publicado por Nikko

Soy un diseñador y desarrollador web situado en la Patagonia Argentina. Disfruto testear y conocer nuevos scripts, además de experimentar nuevas técnicas tanto en impresión como en desarrollo web. Como propietario de Patagonia Creative, divido mi tiempo entre la empresa, trabajos para Pymes, ONG y Gob. ////////// Facebook / linkedin / xing

Nikko ha publicado 1142 posts en Xyberneticos - Leer todos mis articulos Nikko

Comments are closed.



Nombre: (Necesario)

E-mail: (Necesario)

Website:

Escribe tu comentario: