Supporto volontario e collaborativo per Joomla!® in italiano

Sostituire immagine nell'articolo

Valutazione attuale: 4 / 5

Stella attivaStella attivaStella attivaStella attivaStella inattiva
 
Informazioni utiliCreare l'effetto del cambio immagine al passaggio del mouse su una o più immagini inserite nell'articolo o nel modulo html personalizzato, senza l'utilizzo di particolari codici è semplicissimo, con l'utilizzo dell'editor di Joomla. La procedura sotto descritta è possibile ritrovarla nelle guide, anche se molti preferiscono le "scorciatoie" consiglio di leggerle.
Un possibile esempio pratico è la realizzazione di una immagine che invita a posizionare il mouse sopra di essa per scoprire cosa apparirà.
La procedura è semplice e permette di poterla ripetere per ogni immagine che vogliamo sostituire.

Alcuni consigli :
Le dimensioni delle immagini principali e secondarie devono essere uguali, o al limite di poco differenti. Questo per evitare lo spostamento del testo presente nell'articolo.
Caricare le immagini principali e secondario in una cartella dedicata a questo tipo di effetto. Questo solo per avere la possibilità di trovarle velocemente e per ricordarci il percorso.
Passiamo ora alla spiegazione
Dopo avere caricato le immagini nella cartella che abbiamo creato, realizziamo il nostro articolo e vi inseriamo l'immagine principale.
sostituire immagine 2
Inserita l'immagine principale, passiamo alla configurazione per la sostituzione con l'immagine secondaria
sostituire immagine 3
Nella finestra di popup che si apre quando selezioniamo l'icona immagini "albero" troviamo le tre schede per la configurazione.
sostituire immagine 4
Selezioniamo la finestra denominata "Avanzate"
sostituire immagini 7
Selezionando la dicitura "Immagine alternativa" verrà abilitata la possibilità di inserire il percorso delle nostre immagini, il primo è riferito all'immagine che dovrà comparire quando il mouse passerà sopra a quella principale, il secondo è il percorso di quella principale che verrà riproposta quando il mouse uscirà dall'immagine secondaria.
Come si può notare utilizzando questa procedura, possiamo inserire più immagini nel nostro articolo dando ad ognuna la possibilità di essere sostituita, senza inserire nessun codice.

CommentaCommenta questo articolo sul forum

Ultima versione di Joomla!®

downloadVer. 3.8.1 Stabile Italiana
Data di rilascio: 04 Ottobre 2017
(leggi la notizia Demo online

Le migliori estensioni gratuite

Un elenco aggiornato con i link a più di 100 estensioni fra componenti, moduli e plugin gratuiti per Joomla! 3

Manuale in italiano

Manuale in italianoPer conoscere meglio Joomla!, le sue caratteristiche ed il metodo di utilizzo leggi il manuale tradotto in italiano.

Molto utili anche le risposte alle domande più frequenti: FAQ

Sicurezza del proprio sito Joomla!Leggi anche: Nozioni sulla sicurezza del proprio sito

Autori di articoli recenti

Invia un articolo!Scrivi un articolo su Joomla.it e ricevi i ricavi dalle pubblicità di Google Adsense!
Segui queste istruzioni, condividi e collabora con la community. L'elenco degli autori attivi sul sito.

Libri consigliati

Torna su

Joomla.it sui Social Network

JoomlaDay Italia

JoomlaDay

Newsletter

Inserisci qui la tua e.mail: