Compatibilità:

WebSite X5 Evo e Pro


In tante situazioni non basta far vedere una foto. Occorre aggiungere anche una didascalia che dia poche informazioni ma essenziali: un titolo, un breve testo e - perché no? - un pulsante per acquistare o per avere informazioni più dettagliate.

Con l'Oggetto Opzionale Hover Image puoi fare proprio questo: completare l'immagine con una didascalia e, in più, fare in modo che testi e pulsanti compaiano su passaggio del mouse con un fantastico effetto.


Guarda qualche esempio di ciò che puoi fare con questo Oggetto scorrendo la pagina di Anteprima e poi mettiti subito all'opera! 



Com'è fatta un’immagine animata

L’Oggetto Hover Image prevede 3 elementi fondamentali:

  1. l'immagine di partenza, ciò che si vede al caricamento del contenuto;
  2. la didascalia, può prevedere un titolo, un testo e un pulsante, viene visualizzata su passaggio del mouse;
  3. l'effetto, è la transizione con la quale viene visualizzata la didascalia sull'immagine al passaggio del mouse.


Come impostare un’immagine animata

  • Fai doppio click sull'Oggetto Hover Image inserito per accedere alla finestra con tutte le opzioni.
  • Per prima cosa importa l'immagine che vuoi utilizzare scegliendo un file grafico salvato in locale o ricercando l'immagine più adatta dalle librerie disponibili. Se necessario attiva l'opzione Adatta dimensioni.
  • A questo punto occupati della Didascalia. Seleziona dalla lista a discesa l'elemento su cui vuoi lavorare:
    • Titolo
    • Testo 
    • Pulsante 
  • Utilizza le impostazioni disponibili per comporre i testi e definire le proprietà dei diversi elementi. Oltre al tipo di font e ai colori di testo e sfondo, per il pulsante devi anche impostare il link: per farlo clicca sul pulsante , accedi alla finestra Collegamenti e scegli l'azione che ti serve.
  • Ora sei pronto ad occuparti dell'animazione. Attraverso il menu a discesa presente nella sezione Generale scegli lo Stile che più ti piace.
  • Puoi perfezionare il tutto definendo i colori di sfondo sia per l'immagine che per la didascalia e definendo le Dimensioni complessive dell'Oggetto. 
  • Quando sei soddisfatto, clicca su Ok per confermare.


Impaziente di usarlo nelle pagine del tuo sito? Installa subito l’Oggetto Hover Image


Non hai Crediti a sufficienza per acquistare questo Oggetto? Vedi tutti i pacchetti di Crediti