Come ho già avuto occasione di dire, mi piacciono molto le finestre modali per la visualizzazione delle immagini e dove potevo le ho sempre inserite.
Fino ad ora ho utilizzato in particolare lightbox, ma ovviamente ho testato anche altre soluzioni. Ultimamente però ho preso la decisione di utilizzare principalmente mootools come framework javascript quindi, visto che è più funzionale caricare solo una libreria per non appesantire troppo i client, ho deciso di sostituire lightbox con slimbox utilizzando il plugin relativo anche sul blog:
Eccone alcuni esempi con immagini che già sono state usate nel mio blog.
Sequenza
il codice è questo:
Single example:<br />
<a href=”img1.jpg” rel=”lightbox” title=”my caption”>thumbnail1</a><br />
Image set example:<br />
<a href=”img1.jpg” rel=”lightbox[roadtrip]”>thumbnail1</a><br />
<a href=”img2.jpg” rel=”lightbox[roadtrip]”>thumbnail2</a><br />
<a href=”img3.jpg” rel=”lightbox[roadtrip]”>thumbnail3</a>
Ogni volta che si inserisce una immagine bisogna aggiungere l’attributo rel, lightbox se è solo una immagine o lightbox[roadtrip] se si vuole creare una sequenza.
Gabba Gabba Hey
Bonzo