LightWindows o cómo mostrar todo tipo de contenido en lightbox

Seguramente ya muchos de ustedes sabes que es lightbox, para los que no saben, lightbox es una herramienta para crear pop-ups no intrusivos usando javascript, con la desventaja de que en estás pop-ups solo se podían mostrar imágenes y si querías mostrar videos, otra página web o cualquier otra cosa tenías que utilizar otros scripts.

lightWindow, lo descubrí gracias a Andrés Nieto es una herramienta que hace también nos sirve para mostrar pop-ups pero para todo tipo de contenido, esta herramienta requiere Prototype 1.5 y script.aculo.us realmente estoy impresionado con lo que puede hacer.

Aquí hay algunos demos del funcionamiento de lightwindow, y las carcterísticas son las siguientes:

  • Soporte para 5 diferentes tipos de contenidos: páginas web, contenido en línea, multimedia (películas, swf, etc), imágenes (galerías o imágenes individuales) sitios web externos (a través de un iframe).
  • Detecta automáticamente el tipo de contenido y la fuente.
  • Totalmente personalizable vía CSS.
  • Puedes definir el tamaño inicial y los tipos de contenido.
  • La ventana se ajusta al tamaño del contenido pero ignora los iframes.
  • La venta se centra perfectamente en la página.
  • Opcionalmente puedes definir un título en la ventana.
  • Se permiten múltiples galerías con un menú en las galerías.
  • Las ventanas se contraen para caber en la pantalla, incluso las imágenes las contrae (aunque en algunos casos no es recomendable).
  • Pueden ser definidos el ancho, alto y overflow.
  • Se pueden enviar formularios dentro de la ventana.
  • Cualquier caracter es soportado excepto el \'[\’ & \’]\’ (ya que se utiliza para definir las categorías de las galerías)
  • Los atributos de autor, descripción, título y parámetros son soportados y agregados.
  • Puedes hacer click en cualquier lugar fuera de la ventana o presionar la tecla escape para cerrar la ventana.
  • Inicia la ventana al vuelo en lugar de utilizar onpageload
  • Se puede navegar facilmente a través de las galerías dentro de la ventana
  • El flash se ajusta para que quepa en la ventana, incluso si están específicados el ancho y alto.
  • Puede ocultar flash de tu página web para que no se sobreponga en la ventana de lighWindow a menos de que especifiques el parámetro wmode en transparent en tu flash.
  • El método para el envio de los formularios puede ser GET o POST
  • Cuando desactivas una ventana con lightWindow los iframes son eliminados del DOM

Escríbe un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

5 comentarios en “LightWindows o cómo mostrar todo tipo de contenido en lightbox”

  1. Pero no explican cómo se programa en flash para que abra el lightwindow. Estoy haciendo una galería de imágenes y quiero que la gente tenga la opción de agrandar su visión colocando sobre la imagen en flash una llamada a javascript pero no tengo la sintaxis, no me funciona y he probado unas cuantas cosas que he conseguido en internet. Alguien puede ayudar?