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 -->