LightWindows è un semplice script basato su Prototype molto simile a Lightbox 2, ma con una differenza: non supporta solo immagini, ma filmati, pdf, pagine esterne, moduli e tanto altro ancora!
Il funzionamento è molto simile a qualsiasi gallery lightbox, dopo il download inseriamo i file .js e .css nella <HEAD> della nostra pagina:
[html]
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="javascript/lightwindow.js"></script>
<link rel="stylesheet" href="css/lightwindow.css" type="text/css" media="screen" />
[/html]
Dopodiché inseriamo la classe “lightwindow” e i rispettivi parametri per aprire la nostra finestra.
[html]
<a href="https://www.youtube.com/v/uhi5x7V3WXE" class="lightwindow" params="lightwindow_width=425,lightwindow_height=340" title="YouTube: 300 Preview" >You Tube – 300 Preview</a>
[/html]
Come ho detto prima, ci sono molti parametri che possiamo controllare:
[html]
lightwindow_width // Larghezza finestra
lightwindow_height // Altezza finestra
lightwindow_show_images // Numero di immagini da mostrare in una sola volta in una galleria, per impostazione predefinita è 1, ma questo può essere utile per dire un prima e dopo.
lightwindow_top // Impostazione per indicare la distanza dall’alto
lightwindow_left // Impostazione per indicare la distanza dalla sinistra
lightwindow_type // Specificare il tipo di finestra deve essere trattato come pagina. Ad esempio: esterna, immagine, dei media, in linea
lightwindow_loading_animation // Impostare a false per scegliere di non sfumare in uscita il Loading Cover
lightwindow_iframe_embed // Per incorporare media dentro un media dentro un iframe piuttosto che in un div
lightwindow_form // Nome del form
[/html]
LightWindows è compatibile e testato con i maggiori browser, tra cui IE6, IE7, Safari e Firefox.
Per una completa documentazione fare riferimento al sito ufficiale, ricco di esempi e con una guida molto semplice da seguire.
LightWindows - YouTube 300 trailer
LightWindows - Caricamento contnuto inlinea