Sobre HacheMuda | Contacto | Archivo | Videotutoriales Gimp | Get Ubuntu | Participa

Es increíble lo que puedes hacer cuando no tienes que mirarte más en el espejo. - El hombre sin sombra.

Esto sí que es hacer bombas con el chicle

Bombas de chicle
Click sobre la imagen para ver el video.

Galerías y pases de diapositivas con javascript para la web


He tenido que hacer un slideshow en una página web, y buscando por la red me he encontrado con un montón de ejemplos y de scripts que hacían exactamente lo que yo buscaba, disponibles para descargar y usar (y de alguna manera agradecer al autor su buen trabajo).

Crear tu propio álbum de fotos online y que quede profesional y elegante no es nada complicado gracias a todos estos programadores, que han creado plantillas para que sea lo más sencillo posible crear una bonita galería.

Nada de flash, nada de programas extraños… Sólo un editor de texto, HTML, CSS y Javascript. Estos son algunos scripts que a mí me gustan mucho:

  • Slideshow: una librería javascript sobre MooTools. Esta librería es una pasada, permite aplicar efectos geniales para las transiciones entre las fotografías. Puedes personalizar tu pase de diapositivas con los efectos que tú quieras, incluso combinándolos. Su página web te muestra todos los efectos y posibilidades que tiene. Lo mejor es su grado de adaptabilidad y personalización.

    Pantallazo de la página

  • Couloir.Org: slideshow con redimensionamiento y efecto fade en las transiciones. Este script viene genial para imágenes de diferentes tamaños que no quieras adaptar a la presentación, porque con un efecto muy agradable y elegante el marco de la imagen se redimensiona para mostrar correctamente cada una de las tomas. Además queda muy limpio con el efecto de atenuación al pasar de una a otra.

    Pantallazo de la página

  • Image Cross Fader Redux. Es un script que muchos otros han usado para crear el efecto de atenuación en la transición entre las imágenes. El resultado final es genial, muy limpio y sencillo. Funciona con un temporizador para cada imagen.
  • JonDesign’s: SmoothGallery. Usando este script puedes crear una galería sensacional en tan sólo unos minutos. Permite establecer las transciones mediante un temporizador o con clicks de ratón. Este es el que más me gusta, aunque las imágenes de las flechitas para moverse entre las fotos no le quedan muy bien. Muy elegante.

    Pantallazo de la página

Este artículo ha sido publicado el 19 de February de 2007 y archivado bajo la categoría Sin categoría. Puedes seguir todas las respuestas a este artículo a través del feed RSS 2.0. Puedes dejar un comentario, o trackback desde tu propio sitio.
Tags: ,

Comentarios a “Galerías y pases de diapositivas con javascript para la web”

  1. 1

    Comentario de Alejandra

    Yo he utilizado ManDVD, el cual en realidad utiliza la primera libreria que mencionas (SlideShow), pero facilitandote aun mas la vida. ;-)

    [ 2 de March de 2007 a las 4:12 ]

  2. 2

    Comentario de Dennys

    Yo lo que busco es un diseño pero dinamjco donde las imagenes se muestren solas una en una y cuando quiero apuntar con el mouse que salga solo haber si alguien em ayuda

    [ 24 de March de 2007 a las 4:12 ]

  3. 3

    Comentario de will

    Bueno a mi me gusta mas Couloir.Org slideshow, pero no se como usarlo, he puesto mis fotos pero nada, he cambiado el array en el .js para nada hay algo mas que debo modificar?

    [ 29 de April de 2008 a las 20:51 ]

Deja tu comentario




Comentario

La hache es terrible. Mucha gente cree que arrancándola de la ortografía la indiferencia sería más llevadera, el aburrimiento más digno - Juan José Millás