Questa è una immagine rollover (composta cioè da due immagini che cambiano al mouse over) sulla quale ho associato il link ad una terza immagine con mediabox. Mi sembra funzionare alla perfezione.
L'immagine alla quale assegno il valore Dolcetto o panino.... è quella del dolcetto. Tale immagine viene inserita sia nel link di base dell'image manager sia nella casella Uscita mouse dove si abilita il rollover. Nella casella Mouse sopra si inserisce il link alla immagine del pane.
Esempio:
Mouseover: images/pane.jpg
Mouseout: images/dolcetto.jpg
ovviamente vale anche per le eventuali sottocartelle:
Mouseover: images/sottocartella/pane.jpg
Mouseout: images/sottocartella/dolcetto.jpg
JOOMA 4
Creazione di un'immagine di rollover
Che cos'è un'"Immagine di rollover"?
Un'immagine di rollover è un'immagine che cambia quando il cursore del mouse viene posizionato su di essa, ad esempio (posiziona il cursore del mouse sull'immagine sottostante)
L'effetto di rollover utilizza gli attributi dell'evento per creare l'effetto. Poiché gli attributi di evento sono in grado di eseguire javascript, il loro utilizzo è disabilitato a meno che non sia specificamente abilitato in un profilo dell'editor. Una volta abilitati, la scheda Rollover sarà visibile in Image Manager Extended.
Poiché gli attributi degli eventi sono in grado di eseguire javascript, questi dovrebbero essere abilitati solo nei profili assegnati a utenti fidati.
Per abilitare gli attributi dell'evento
-
Dal pannello di controllo JCE, fare clic sul pulsante Editor profili , quindi fare clic su un profilo da modificare, ad esempio: "Predefinito"
-
Fare clic sulla scheda Parametri dell'editor , quindi sulla scheda Avanzate .
-
Imposta l' Consenti attributi evento opzione su Sì . In alternativa, se l' opzione Consenti Javascript è abilitata, l'opzione Consenti attributi evento sarà nascosta ma verrà anche abilitata automaticamente.
La scheda Immagine di rollover
La scheda Rollover contiene due campi di input, Mouseover e Mouseout .
passaggio del mouse
Rappresenta l'attributo dell'evento onmouseover. Questa è l'immagine visualizzata quando il cursore del mouse viene posizionato sopra l'immagine.
Mouse fuori
Rappresenta l'attributo dell'evento onmouseout. Questa è l'immagine visualizzata quando il cursore del mouse viene spostato fuori dall'immagine. Di solito questa è anche l'immagine predefinita.
Crea un'immagine di rollover
- Selezionare l'immagine che deve essere l'immagine predefinita, ovvero quella che viene visualizzata nell'elemento di contenuto.
- Fare clic sulla Immagine di rollover . scheda
- Seleziona l'immagine che desideri posizionare il mouse sopra l' immagine.
- Ora puoi tornare alla scheda Immagine e regolare i parametri come richiesto.
- Fare clic su Inserisci .
Rimuovi un'immagine di rollover
Per rimuovere un'immagine al passaggio del mouse, eliminare il contenuto del campo Passaggio del mouse nella scheda Passaggio al passaggio del mouse.