Back to top

Autore Topic: [Risolto] Semplici animazioni su icone al passaggio del mouse  (Letto 925 volte)

Offline Cloud7

  • Appassionato
  • ***
  • Post: 390
  • Sesso: Maschio
    • Mostra profilo
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 che sembrava perfetto, ma se lo attivo (jQuery attivata o disattivata) la home sballa.
Allora ho provato 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
« Ultima modifica: 17 Nov 2015, 10:08:12 da Cloud7 »
Nessuno ha mai commesso un errore più grande di colui che non ha fatto niente solo perchè poteva fare troppo poco (Edmund Burke).

Offline Cloud7

  • Appassionato
  • ***
  • Post: 390
  • Sesso: Maschio
    • Mostra profilo
Re:Semplici animazioni su icone al passaggio del mouse
« Risposta #1 il: 17 Nov 2015, 09:10:58 »
Facendo un giro nella JED, ho trovato veramente poco.
Avevo deciso di lavorare sul codice. Ho scaricaro Sourcer, 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

Codice: [Seleziona]
<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.
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.
« Ultima modifica: 17 Nov 2015, 10:08:52 da Cloud7 »
Nessuno ha mai commesso un errore più grande di colui che non ha fatto niente solo perchè poteva fare troppo poco (Edmund Burke).

 



Web Design Bolzano Kreatif