Vogliamo creare una galleria con le foto dei componenti del team con la particolarità che quando passiamo col mouse sopra ogni foto questa cambia.

Questo è possibile grazie ad uno script da compilare con i nomi dei nostri file.

La prima cosa da fare è creare una cartella con tutte le foto sia relative al mouseout (foto nello stato normale) che al mouseover (foto che appare con il mouse sopra), e caricarla sul server.

Creare un contenuto pagina base

nella casella di edit cliccare su "codice sorgente", che ci permette di inserire righe di testo in linguaggio HTML.

lo script è il seguente:

<p>                                                                                                                                   \\apertura script

<a href="/teamrhome/en/node/N">                                                                                   \\percorso della pagina privata di ogni studente
<img onmouseout="this.src='/teamrhome/sites/default/files/pictures/XXXV.jpg'                 \\percorso della foto nello stato normale  onmouseover="this.src='/teamrhome/sites/default/files/pictures/XXX.jpg'"                        \\percorso della foto nello stato mouseover
src="/teamrhome/sites/default/files/pictures/XXXV.jpg"
style="width: 170px; height: 170px;" /></a>                                                                      \\dimensione immagine

                                                                                                                                        \\copiare queste righe di testo cambiando il nome dei file

                                                                                                                                            per ogni studente.

</p>                                                                                                                                 \\chiusura script

levare il codice sorgente per visualizzare l'anteprima.