lightwindows
Jun 15th, 2008 | By uriel | Category: diseñoPara el nuevo diseño de www.innovaar.net andaba buscando un sistema de ventana emergente bueno , y que tubiera capacidad de poder mostrar varios formatos (que en especial este es el problema de varios de estos scripts), pero gracias a vagabundia veo este excelente script.
LightWindow tiene la particularidad de poder manejar prácticamente cualquier tipo de archivo multimedia y los detecta automáticamente. Además, es compatible con Firefox, IE6, IE7, Safari y Opera tanto en WindowsMac.
Para usarlo, descargamos el ZIP
que contiene una serie de archivos y carpetas que incluyen demostraciones varias. De todos ellos, los que necesitamos alojar en un servidor propio son:
prototype.js
scriptaculous.js
effects.js
lightwindow.js
lightwindow.css
Una vez que tenemos alojados los archivos, los incluimos en la plantilla, por ejemplo, justo antes de </head>:
<script type="text/javascript" src="URL_prototype.js"></script> <script type="text/javascript" src="URL_scriptaculous.js?load=effects"></script> <script type="text/javascript" src="URL_lightwindow.js"></script> <link rel="stylesheet" href="URL_lightwindow.css" type="text/css" media="screen" />
El script es muy sencillo de utilizar, basta agregar la clase lightwindow a cualquier enlace, por ejemplo:
<a href="URL_archivo" class="lightwindow">ENLACE</a> En realidad, eso es todo, no hace falta nada más, de manera automática, el script reconocerá el tipo de archivo al que se refiere el enlace y actuará en consecuencia.
- Imágenes en formato bmp, gif, jpg, png y tiff
- Videos en formato avi, divx, m1v, m2v, mjpg, moov, mov, movie, mpa, mpe, mpeg, mpg, qt, viv, vivo y wmv.
- Audio en formato aif, aiff, m2a, m3u, mid, midi, mp2, mp3, mpa, mpg, mpga, ram y wav.
- Páginas en formato asp, aspx, cgi, htm, html, pl, php4, php3, php, php5, phtml, rb, rhtml, shtml, txt, y vbs.
- Aplicaciones en formato asf, pdf, pps, rm y swf.
Ejemplos y otras descargas en http://vagabundia.blogspot.com/2007/12/lightwindow-casi-casi-perfecto.html








