Joomla.it Forum
Joomla! 3 => Joomla! 3 => : Cloud7 15 Nov 2015, 08:24:55
-
Ciao ragazzi!
Vorrei aggiungere 4-5 icone alla mia homepage, e vorrei che si animassero al passaggio del mouse, del tipo onmouseover.
Vorrei evitare di scrivere codici e puntare su un qualche componente/modulo.
Nella Jed tra i free ho trovato FavEffects (http://extensions.joomla.org/extension/faveffects) che sembrava perfetto, ma se lo attivo (jQuery attivata o disattivata) la home sballa.
Allora ho provato Animate on hover (http://extensions.joomla.org/extension/animate-on-hover) (uno di quei nomi che ti fa urlare all'Eureka) ma la versione free ti consente di caricare immagini rettangolari di dimensioni predefinite, e le animazioni offerte non sono proprio quelle che cercavo (più che altro al passaggio del mouse esce fuori un testo).
Qualcuno ha una soluzione o una qualche idea?
Grazie in anticipo! :D
-
Facendo un giro nella JED, ho trovato veramente poco.
Avevo deciso di lavorare sul codice. Ho scaricaro Sourcer (http://extensions.joomla.org/extension/sourcerer), un componente che si integra con l'editor e che permette di inserire qualsiasi tipo di codice sia negli articoli che nei custom html.
Utilizzando questo codice
<img src="images/design-grey.png"
onmouseover="this.src='images/design-orange.png'"
onmouseout="this.src='images/design-grey.png'"/
Rimaneva solo un problema: non riuscivo né ad inserire un alt né un href (o meglio, lo inserivo ma non funzionava.
Allora ho trovato un'altra soluzione: l'editor JCE (http://extensions.joomla.org/extension/jce).
Dovrete impostarlo da configurazione globale -> sito -> editor predefinito.
A questo punto basterà inserire l'immagine, cliccare su, andare su "Rollover" ed inserire le immagini di mouseover e mouseout.
Per l'href basterà linkare l'immagine al link desiderato come fareste con qualsiasi editor.