Compatibiità:

WebSite X5 Evo e Pro


Animare un’immagine per portare alla visualizzazione di un pulsante è una pratica tanto diffusa quanto apprezzata. Ti sarà più semplice capire a cosa ci riferiamo se guardi la pagina di Anteprima: con l’Oggetto Animated Image puoi fare tutto questo e molto altro ancora. Provalo!



Vuoi vedere l’Oggetto Animated Image in azione? Noi l’abbiamo usato per la sezione "Latest Arrivals" del Template Players Room.


Com'è fatta un’immagine animata

L’Oggetto Animated Image prevede 4 elementi fondamentali:

  1. lo Stato iniziale, ciò che si vede al caricamento del contenuto;
  2. lo Stato finale, ciò che si vede quando si passa con il mouse sull'Oggetto;
  3. la Transizione, l’effetto con il quale sia passa dallo stato iniziale a quello finale;
  4. il Pulsante, viene sovrapposto a quanto visualizzato nello Stato finale e include un collegamento.


Come impostare un’immagine animata

  • Fai doppio click sull'Oggetto Animated Image inserito per accedere alla finestra con tutte le opzioni.
  • Imposta le Dimensioni dell’Oggetto definendone Altezza e Larghezza in pixel.
  • Utilizza le impostazioni disponibili nelle sezioni Stato iniziale e Stato finale per definire la grafica dell’Oggetto. Per entrambi gli stati puoi:
    • impostare un colore di sfondo;
    • importate un file immagine;
    • inserire e formattare un testo.
  • Scegli l’Effetto di comparsa che vuoi applicare. Puoi impostare la Durata dell’animazione e l’Evento di comparsa, ovvero se l’animazione deve partire al passaggio del mouse, al click o allo scadere di un tempo definito.
  • Decidi se prevedere o meno un Pulsante. Nel caso ti serva averlo:
    • attiva la voce Mostra Pulsante;
    • digita un’opportuna Etichetta di testo;
    • definisci colori, stili e margini del pulsante;
  • clicca sul pulsante per accedere alla finestra Collegamenti e impostare il link.
  • Quando sei soddisfatto, clicca su Ok per confermare.


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


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