miércoles, 6 de abril de 2011

Slideshow con efecto fade en Javascript

Ir a Diseño, Elementos de la página y añadir un gadget HTML/Javascript.

Poner el siguiente código:


Si quieren pueden mostrar mas imágenes agregando la siguiente línea:

fadeimages[0]=['URL IMAGEN/como-se-hace-lo-se-asi-cabezera.png', 'http://loseasi.blogspot.com/', '_blank', '¿Cómo se hace?']

Tener en cuenta que cada imagen tiene su numero (ID) y no se puede repetir. [0], [1], [2], [3], [4], [5], etc..

En cada línea tiene que ir con el siguiente orden:
  1. La URL de la imagen.
  2. El link que se dirigirán al hacer clic sobre la imagen.
  3. El target, que puede ser blank o self.
  4. El título.

Mas abajo vemos la siguiente línea:

new fadeshow(fadeimages, 550, 128, 0, 4000, 1)

Donde:
  1. 55o, Va el ancho de la imagen.
  2. 128, Va el alto de la imagen.
  3. 0, Es el borde. (En este caso no le puse borde)
  4. 4000, Es la velocidad. (Mayor es mas lento)
  5. 1, Elegir entre 1 o 0 para parar al pasar el mouse por encima de la imagen. (0=no, 1=si)

Colocar el gadget en el lugar que más les guste para mostrar las imágenes.


No hay comentarios:

Publicar un comentario