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.


Curioso di scoprire tutto quello che puoi fare? Guarda la pagina di Anteprima per avere una panoramica di tutti gli effetti inclusi in Hover Image. Non ti bastano ancora? Allora guarda anche questa pagina di Anteprima con gli effetti aggiuntivi di Hover Image 2. Scegli il set di effetti che preferisci 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 definisci le Dimensioni in pixel dell'Oggetto e, se vuoi, scegli un colore di Sfondo e applica uno Smusso in modo da rendere gli angoli arrotondati. 
  • Ora sei pronto ad occuparti dell'animazione: attraverso l'apposito menu a discesa scegli lo Stile che più ti piace.
  • Fatto questo, 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:
    • Sfondo
    • 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.
  • Quando sei soddisfatto, clicca su Ok per confermare.


#tip - Gli Oggetti Hover Image e Hover Image 2 funzionano allo stesso modo ma offrono un set di effetti diversi. Puoi valutare gli effetti inclusi attraverso la pagina di Anteprima di entrambi. Vai all'Anteprima di Hover Image / Vai all'Anteprima di Hover Image 2


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


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