LightBox
Bien, como todos sabéis los popup hace tiempo que pasaron a la historia del diseño web.
Afortunadamente y debido a varios motivos (usabilidad, y popup killers en navegadores) esta práctica ha desaparecido y ha dejado paso a otro tipo de popups, menos agresivos y más vistosos.
Hoy, buscando un LightBox para un proyecto nuevo, me he dado cuenta de que no tenía material en el blog, así que aquí os dejo unas cuantas reseñas que seguramente os puedan ayudar.
El LightBox, es un tipo de ventana emergente, que se abre sobre la ventana activa del navegador, normalmente haciendo un fundido de esta y resaltando el contenido de la nueva ventana. El efecto visual es mucho más agradable y además basta con pinchar fuera de la ventana (si así lo hemos programado) para que esta se cierre automáticamente.
Cuando se trata de una galería, la ventana se autodimensiona para adaptarse al tamaño de su contenido, añadiendo además una precarga como si de flash se tratase.
SEXY LIGHTBOX 2.2
LightBox 2.2 como la mayoría de sus “hermanas”, permite introducir cualquier tipo de contenido, imágenes, Html, Video,… Incluso cargar en él una página a modo de iframe. Esta versión corrige algunos errores existentes en la V.2.
El código es de Eduardo D. Sada (www.coders.me) .Ver ejemplos y descargar código.
En la red podréis encontrar más ejemplos de LightBox, más o menos todos son adaptaciones o mejoras, otras simplemente son copias con alguna pequeña variación. En cualquier caso para aquellos cuyos conocimientos no lleguen a poder “customizar” su propio lightbox, dejo aquí una pequeña lista, para que elijáis el que más se adecue a vuestras necesidades.
- LIGHTBOX 2.04 de www.huddletogether.com – Peso: 12kb - Ver ejemplos y descargar
- LIGHTBOX + de serennz.sakura.ne.jp – Peso: 25kb (posibilidad de Zoom) - Ver ejemplos y descargar
- SLIMBOX de www.digitalia.be – Peso 4kb (Mootools) – Ver ejemplos y descargar
- CONTROL.MODAL de livepipe.net – Peso 15kb (ver los “draggables”) – Ver ejemplos y descargar
- PROTOTYPE WINDOW de prototype-window.xilinus.com – Peso 64kb (simula un popup) – Ver ejemplos y descargar
- TRIPTRAKER de slideshow.triptracker.net – Peso 12kb (con reproductor y acciones adicionales) – Ver ejemplos y descargar
Información Bitacoras.com…
Valora en Bitacoras.com: Bien, como todos sabéis los popup hace tiempo que pasaron a la historia del diseño web. Afortunadamente y debido a varios motivos (usabilidad, y popup killers en navegadores) esta práctica ha desaparecido y ha dejado paso a o…..
agosto 7th, 2009 at 10:02Excelente nota !!
agosto 10th, 2009 at 22:06Los ejemplos son muy buenos,
Abrazo
[...] Articulo Indexado en la Blogosfera de Sysmaya LightBoxBien, como todos sabéis los popup hace tiempo que pasaron a la historia del diseño web.Afo LightBoxBien, como todos sabéis los popup hace tiempo que pasaron a la historia del diseño web.Afo .. [...]
agosto 11th, 2009 at 21:10una buena idea ….. a mi me gusta
agosto 14th, 2009 at 17:37Excelente opción para quienes desean mostrar más información y deben hacer uso de un PopUp.
septiembre 1st, 2009 at 22:38Excelente aporte
Desde hace ya tiempo he venido utilizando algunos lightbox.
septiembre 2nd, 2009 at 11:29Me gusta ver que cada vez se realizan nuevas modificaciones.
Excelente herramienta, este tipo de articulos ayudan mucho a los web mastern estare atento a tus post
septiembre 7th, 2009 at 16:37amigos tengo un problema recien estoy comensando con ajax tengo mi pagina principal desarrollada en div hay un div central en el cual carga productos de otra pagina en la otra pagina de los productos le palico el efecto de sexy listbox pero cuando lo cargo en el pricipal no me sale el efecto pero si lo cargo de la pagina de productos si me sale ya intenete varias formas cargue las librerias en lapagina principal y me igual resultado por varo si me puden ayudar les agradeceria
octubre 23rd, 2009 at 19:54pues la verdad que es bastante sexy jejejeje, el efecto es mucho más bonito y estilizado que otros que he encontrado por ahí.
mayo 1st, 2010 at 5:55Pues de los muchos light-box que he visto, este sin duda, es uno de los que más me gusta.
mayo 3rd, 2010 at 13:14Gracias por este buen aporte.
Saludos…
enero 24th, 2011 at 22:27[...] El contenido de este Post, ahora está en el Blog de Diseño Web Gloobs [...]
junio 20th, 2011 at 14:43