martes, 15 de mayo de 2012

Slideshow automático con Prototype

El slideshow es una herramienta muy utilizada no solo para mostrar imágenes en un sitio sino también para darle movimiento, está bueno que nuestros sitios web sean "dinámicos" a la vista, a los ojos del visistante. Si buscamos sliders vamos a encontrar ciento de ideas originales y vistosas, en este caso hemos replicado un simple slide "automático", ya que nunca se detiene, las imágenes siempre están en movimiento, Pero agregamos la opción de que el visistante pueda ir a una imagen anterior del slide o avanzar imagenes mediante dos flechitas que orientan estos movimientos.

Fácil de implementar, sin límite de imágenes, configurable desde CSS, programado con Prototype y Scriptaculous.



lunes, 14 de mayo de 2012

Slideshow con avance y retroceso de imágenes

Hace un tiempo publicamos un slideshow de imágenes simple, en este caso tomamos el código de a´quel ejercicio y lo mejoramos agregándole controles al slide. Estos controles permiten avanzar o retroceder la imagen que se está visualizando en el slide o bien detener o iniciar el slideshow a perdido del usuario.

El slide está programado con Prototype y Scriptaculous, y utiliza los efectos de appear y fade para mostrar u ocultar las imagenes mientras el slide está en actividad.