Image transition manager, Agregar bonitas transiciones a nuestras imágenes
The image transition manager, una biblioteca javascript basada en scriptaculous y prototype, que nos brinda otra opción para lograr bonitas transiciones en nuestras imágenes. Soporta transiciones como fading( desvanecimiento), appearing (que aparecen de la nada), Sliding (deslizamiento), growing and shrinking (reducción o viceversa).
Características:
- 8 (más por venir), efectos de transición
- Imagen de precarga visible
- Unobstrusive javascript
- Fácil de implementar cada Transición
- Probado en Firefox, Opera y IE6 / 7
- No usa CSS, pero claro, será útil para darle un estilo mas agradable.
VER DEMO - DESCARGA
Comenzar a Usar:
Como este javascript se basa en prototype y script.aculo.us, es necesario que realicemos las llamadas a ellos desde nuestro encabezado. < head >…
Nota: ya que existen algunos problemas con la compatibilidad de scriptaculous 1,7 y prototype 1.5.1.1, se ha utilizado la versión 1.5.1.1 de prototype y 1.7.3 beta de scriptaculous. Se incluyen en el paquete de descarga.
-
<script src="javascript/prototype.js" type="text/javascript"></script>
-
<script src="javascript/scriptaculous.js?load=effects" type="text/javascript"></script>
Después de esto, es hora de incluir nuestro javascript que nos permitirá lograr las transiciones.
-
<script src="javascript/transition.js" type="text/javascript"></script>
Agregamos la navegación para nuestras imágenes mediante hipervínculos, y añadiremos también el atributo “rel” donde especificaremos que transición deseamos para cada una de ellas Ej: rel="transition[blinddown]"
-
</ul>
Creamos un div-elemento en el que tendrán lugar las transiciones
toni said,
Wrote on April 21, 2008 @ 18:30
He visto el demo y está muy bien, yo quisiera hacer unas transiciones de imágenes con efecto fading( desvanecimiento) y que sea automàtico dentro de una pàgina web (la pagina que he puesto en el website, és posible?, me vale el ejemplo que has puesto o es mas complicado?
gracias por todo
Toni