ciao, hanno usato jQuery, senza altri plugin particolari per lo specifico compito di visualizzare le immagini.

Il linguaggio lato server (presumo php) si limita a generare un markup molto semplice, che consiste in links (tag <a>) al cui interno sono contenute le minuature (tag <img>).

Poi, quando la pagina è caricata, questo script che sfrutta jQuery passa in rassegna tutti quei tag <a> e sottoscrive il loro evento click.

Quindi, al click viene scatenata una funzione che legge l'attributo src della miniatura, fa una sostituzione di caratteri per ricavare il percorso dell'immagine più grande, e poi lo assegna all'attributo src dell'<img> che si trova al centro della pagina.

Un return false posto alla fine impedisce che il click fatto dall'utente sul link (tag <a>) lo reindirizzi ad una nuova pagina.

L'approccio che hanno usato lascia il codice html molto pulito e non dipende dal javascript per funzionare. Certo, se l'utente non dovesse avere il javascript abilitato non potrebbe apprezzare lo stesso effetto, ma almeno i link posti sulle minuature lo condurrebbero comunque all'ingrandimento della foto.

ciao,

---

Modificato da BrightSoul il 24 gennaio 2012 22.04 -