Archivio per la categoria 'Tutorials'


Tutorial Ajax
Pubblicato da Alessandro Ferrazzi Wednesday 10 May 2006 in:Ajax, Tutorials


Vi segnalo questo sito con alcuni tutorial molto interessanti per chi si avvicina alla tecnologia Ajax.

Technorati Tags

Articoli simili:
Nessun articolo correlato
Social Bookmarks

Lightbox
Pubblicato da Alessandro Ferrazzi Wednesday 26 Apr 2006 in:Tutorials


Gironzolando per il web ho visto un effetto molto carino sulle foto di un blog. Ho cercato in giro ed ho trovato la soluzione utilizzata su quel sito.
Si chiama Lightbox ed e' un progetto Ajax che utilizza le librerie Prototype e Script.aculo.us.
Qui potete vedere una demo .

Questo componente e' facilissimo da usare, vediamo come fare in pochi passi. Innanzitutto scaricate il pacchetto e decomprimetolo sul vostro sito web.
Adesso includete la libreria JavaScript nella vostra pagina:

<script type="text/javascript" xsrc="js/prototype.js"></script>
<script type="text/javascript" xsrc="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" xsrc="js/lightbox.js"></script>

ricordate sempre di sostituire xscr con scr.
Adesso includete lo stylesheet:

<link rel="stylesheet" xhref="css/lightbox.css" type="text/css" media="screen" />

Il gioco e' praticamente fatto, adesso ad ogni foto a cui volete applicare l'effetto inserite nel tag href l'attributo rel="lightbox:

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

Se avete una serie di foto da aprire in una specie di slideshow, potete fare cosi':

<a xhref="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a xhref="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a xhref="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

Se avete problemi questo e' il forum ufficiale .

Technorati Tags

Articoli simili:
Nessun articolo correlato
Social Bookmarks

Copyright IlTuoweb.com