domingo, 19 de octubre de 2014

LightWindow




Es similar a lightbox o a lytebox de los que ya hemos hablado en este blog hace tiempo.
Aunque esta herramienta es más potente y es capaz de exhibir otros archivos aparte de imágenes. Como multimedia flash, vídeos, pdfs..., imágenes desde un servidor externo...


También es un poco diferente la forma inicial de disparar el slideshow. No se hace desde cada una de las miniaturas, ni desde cada uno de los vínculos, sino desde uno general que lanza una ventana de exhibición independiente.
Y, lo más potente de la herramienta, es que en una única ventana, se pueden exhibir varias colecciones diferentes.
Y jerarquizarlas mínimamente.
Y todo ello se hace editando de manera muy sencilla una única página web.
He creado un ejemplo con imágenes de tres de mis artistas plásticos preferidos.
Yo sólo me he interesado en la exhibición de una galería de imágenes.
El resto de posibilidades no las he considerado en el ejemplo que he realizado.
Hay que subir a tu servidor las carpetas css y javascript que se obtienen en la descarga de este archivo comprimido.
Por si te simplifica un poco las cosas, ésta es la edición de mi página index.html.
De los archivos javascript sólo se emplean tres:
prototype.js
effects.js
lightwindow.js
El cuarto que aparece en la descarga (scriptaculous.js) no es necesario para este slideshow.
Y de las seis páginas web y la del php, la única imprescindible es index.html justo la que hay que editar para colocar los enlaces a las imágenes, los títulos y descripciones de las mismas y la organización de las imágenes en colecciones.
Creo que estudiando el código de mi página puede ser un poco más sencillo.
Pongo en un iframe el LightWindow en acción.


También lo puedes ver en su página independiente.
Una cosa importante es que no hay que preocuparse por el tamaño de las imágenes. La herramienta se encarga de mostrarla en dimensiones proporcionadas al espacio del que dispone.
Esto lo hace de forma perfecta.
Da igual que sea dentro de un iframe (como es el caso), que en una página web independiente, que en un dispositivo móvil...
Página web oficial.
Más información.
Related Posts Plugin for WordPress, Blogger...