Pages Menu

Posted by on 17 / 04 / 2009 in AJAX | 0 comments

Ajax Gallery, ottima galleria dinamica (Parte III)

Ajax Gallery, ottima galleria dinamica (Parte III)

light_box2
Questa galleria è sicuramente tra le più famose ed utilizzate del web. Molti di voi l’avranno già vista all’interno di tanti siti web. Si tratta di LightBox (versione 2).
Potete visualizzare una demo e scaricare il codice sorgente al seguente indirizzo web:
http://www.huddletogether.com/projects/lightbox2/
Tra i fattori che hanno reso famosa questa galleria dinamica, ce ne sono due in particolare:
– La facilità d’uso.
– L’impatto grafico davvero professionale.

I passi da seguire sono pochi e semplici:
1- Inserire all’interno del tag <head></head> il seguente codice:

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

2- Inserire all’interno del tag <body></body> il seguente codice:
per immagini singole

<a title="my caption" rel="lightbox" href="images/image-1.jpg">image #1</a>

oppure per immagini multiple

<a title="my caption" rel="lightbox[img]" href="images/image-1.jpg">image #1</a>

Per ulteriori gallerie, vedere anche:
http://www.webnet-italia.it/114/ajax-gallery-ottima-galleria-dinamica-parte-ii/
http://www.webnet-italia.it/29/ajax-gallery-ottima-galleria-dinamica-parte-i/

0 Comments

Trackbacks/Pingbacks

  1. WebNet » Ajax Gallery, ottima galleria dinamica (Parte IV) - [...] ulteriori gallerie, vedere anche: http://www.webnet-italia.it/261/ajax-gallery-ottima-galleria-dinamica-parte-iii/ http://www.webnet-italia.it/114/ajax-gallery-ottima-galleria-dinamica-parte-ii/ [...]

Post a Reply

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *