Nel realizzare il mio ultimo lavoro ho deciso di fare uso dell’ottimo script Lightbox 2.0. Per chi non lo conoscesse è uno script che consente di visualizzare le immagini (solitamente cliccando sulle miniature) con un effetto grafico molto gradevole, ed ha il vantaggio di essere compatibile con tutti i moderni browser.

Unico problema di questo script è il fatto che, se si vogliono visualizzare più immagini come facenti parte della stessa galleria, la sintassi da utilizzare nel link è del tipo:

<a href=”image.jpg” rel=”lightbox[1]“>

Il problema in questo caso è rappresentato dal fatto che il carattere “[” genera un errore di validazione se si sta lavorando in XHTML 1.1.

Per ovviare a questo inconveniente, basta editare  il file prototype.js contenuto nella cartella “js” e cercare le seguenti righe:

inspect: function() {
return ‘[' + this.map(Object.inspect).join(', ') + ']‘;
}

da cambiare in:

inspect: function() {
return ‘-’ + this.map(Object.inspect).join(‘, ‘) + ‘-’;
}

Come potete vedere, abbiamo sostituito il carattere “[” con un semplice “-”. Pertanto, d’ora in poi i link di Lightbox dovranno avere questa sintassi:

<a href=”image.jpg” rel=”lightbox-1-”>

Così facendo non otterremo nessun errore di validazione :D