DhoniShow - Otra alternativa para montar slideshows a tus proyectos Web

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:
  1. <script src="prototype.js" type="text/javascript"></script>
  2. <script src="scriptaculous.js" type="text/javascript"></script>
  3. <script src="dhonishow.js" type="text/javascript"></script>
  4.  
  5. <link rel="stylesheet" href="dhonishow.css" type="text/css"
  6. media="screen" />

la estructrura

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

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

HTML:
  1. <div class="dhonishow effect_appear">
  2.  
  3. <!-- Choose between effect_appear, effect_blind,
  4. effect_slide, effect_horizontal -->

Transition duration: La duracion de cada transicion.

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

Autoplay: Auto comenzar animación a los segundos estipulados

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

Hide things: Ocultar elementos, ej: Navegacion, etc

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

Nombre: (Necesario)

E-mail: (Necesario)

Website:

Comment: