Continuando ad eleborare la pagina della lezione precedente in questa lezione definiremo una descrizione che verrà visualizata sotto l'immagine grande al click sulla miniatura.


Per fare questo ci sporcheremo un po le manine andando a modificare il codice nella omonima modalità.

Innanzitutto inseriamo tre ID, sotto il codice che definisce l'immagine grande, che conterranno le tre diverse descrizioni e diamogli un nome univoco in modo da poterle richiamare quando sarà necessario.


Fatto questo definamo attraverso le regole CSS in che modo verranno visualizzate queste descrizioni.


Poi in modo simile a quelle esaminato nella lezione precedente selezioniamo la miniatura ed andiamo nel pannello Finestra di ispezione Tag clicchiamo su comportamenti e quindi su Mostra Nascondi Elementi.


Si apre una finestra dove dobbiamo selezionare la descrizione abbinata all'immagine e nascondere quelle che non ci interessano.


Ripetiamo questa procedura per tutte le descrizioni realizzate ed il gioco è fatto.

COMMENTI