Funziona con il Browser: | firefox | Safari | opera | internet explorer | netscape navigator |
Crediti: Lokesh Dhakar
Name:
Website: Sito di riferimento
Descrizione: Ingrandire e/o sfogliare le immagini di una pagina web oscurando tutto il resto, creare così una galleria grafica che si lascia visitare con i tasti freccia (destra e sinistra) o col mouse cliccando su apposite voci. Il tasto Esc o il click del mouse sulla voce close per uscire.
Provate a fare click su uno dei links sotto, testuali o delle piccole immagini e seguite le istruzioni oltre ad ammirare l'effetto grafico.
Passo 1 :
Scaricate il file che contiene tutto il necessario per il buon funzionamento. Il file è in formato zip scompattate il suo contenuto in una cartella, la stessa dove andrete poi a creare la pagina html con l'effetto e lasciate che vengano create le cartelle: css, images e js.
Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nella vostra pagina web, in questo caso fra i tags: <head> e </head>.
Passo 2 :
Non resta che attivare l'effetto aggiungendo al vostro link l'attributo rel, in questo modo:
(link che si trova all'interno dei tags: <body> e </body>).
Passo 3:
Volendo creare una galleria a tutti i vari links si dovrà assegnare lo stesso nome all'interno del suo attributo rel inserito fra parentesi quadre []:
Note : Ho usato weblink come nome della galleria ma qualsiasi altro nome avrebbe funzionato allo stesso modo, se nella stessa pagina ci sono più gallerie, o serie di immagini, sarà sufficiente cambiare nome per suddividerle in gruppi.
Lo script è molto complesso ed incorpora anche un preload delle immagini per evitare i tempi di attesa in fase di funzionamento.
Fare sempre riferimento al Sito originale di Lokesh Dhakar sul quale reperire l'ultima versione disponibile ed approfondire alcune caratteristiche dello script stesso.