DhoniShow – Otra alternativa para montar slideshows a tus proyectos Web

Publicado por Nikko el dia 15 Jul 2008 - Guardado en Diseño Web, Galerias, Javascript, Scripts Leido 2,764 Veces

dshojs.jpg

DhoniShow otro script desarrollado para montar slideshows a tus proyectos Web. Utilizarlo es realmente simple, requiere para su buen funcionamiento prototype 1.5+ y Script.aculo.us (opcional), sin olvidar el script "dhonishow.js". Algo interesante, es que si als transiciones que realizara Dhonishow por defecto consideras que no son suficientes, podrás manipular algunos parámetros dentro del script o por supuesto todo el archivo CSS.

Ver Demos

Instalación: Descargamos DhoniShow y prototype 1.5+. Opcional: Script.aculo.us. Realizamos la llamada a ellos desde nuestro encabezado.

JavaScript:
<script src="prototype.js" type="text/javascript"></script>
<script src="scriptaculous.js" type="text/javascript"></script>
<script src="dhonishow.js" type="text/javascript"></script>

<link rel="stylesheet" href="dhonishow.css" type="text/css"
media="screen" />

la estructrura

HTML:
<div class="dhonishow">
  <img src="img/fotoNumero1.jpg" alt="Numero1" />
  <img src="img/fotoNumero2.jpg" alt="Numero2" />
  <img src="img/fotoNumero3jpg" alt="Numero3" />
</div>

Algunos parametros que podremos configurar :
Transition style: Permite configurar el estilo de los efectos que se generaran para las transiciones.

HTML:
<div class="dhonishow effect_appear">

<!-- Choose between effect_appear, effect_blind,
effect_slide, effect_horizontal -->

Transition duration: La duracion de cada transicion.

HTML:
<div class="dhonishow duration_0dot6">
<!-- For 0.6 seconds -->

Autoplay: Auto comenzar animación a los segundos estipulados

HTML:
<div class="dhonishow autoplay_5">
<!-- For 5 seconds -->

Hide things: Ocultar elementos, ej: Navegacion, etc

HTML:
<div class="dhonishow hide_paging">
<!-- Choose between hide_paging, hide_alt (Sublines),
hide_navigation -->

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

  1. [...] 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 [...]



Nombre: (Necesario)

E-mail: (Necesario)

Website:

Escribe tu comentario: