Compatibilità:

WeSite X5 Evo e Pro

Se vuoi dare alle tue pagine un aspetto moderno e rendere l'esperienza di navigazione più coinvolgente, l'effetto parallasse è ciò che fa per te! Questo effetto si basa sul fatto che, durante lo scroll della pagina, lo sfondo e l'immagine in primo piano si muovono con velocità diverse: in questo modo il tutto acquista tridimensionalità a cattura l'attenzione di chi guarda.


Lo abbiamo spiegato anche nell'articolo Come si imposta l’effetto parallasse? in cui abbiamo usato il parallasse per creare delle vere e proprie fasce orizzontali nella pagina. Ora, grazie all'Oggetto Parallax Image, possiamo applicare l'effetto anche solo su singole immagini: lo puoi vedere in azione nella pagina Anteprima. 


    

Come impostare l'effetto parallasse

Una volta compreso il meccanismo, creare un'immagine con effetto parallasse è veramente molto semplice:   

  • Fai doppio click sull’Oggetto Parallax Image inserito per accedere alla finestra con tutte le opzioni.
  • Innanzi tutto importa l'immagine, definisci come allinearla e imposta il valore dell'Altezza. 
  • Puoi utilizzare l'opzione Collegamento per impostare un link sull'immagine scegliendo il tipo di azione che ti è più utile.
  • A questo punto puoi attivare l'effetto parallasse selezionando una delle seguenti opzioni proposte dal menu a discesa:
    • Parallasse: l’immagine di sfondo scorre nella stessa direzione dei contenuti in primo piano; 
    • Parallasse inverso: l’immagine di sfondo scorre in direzione opposta rispetto ai contenuti in primo piano;
    • Parallasse fisso: l’immagine di sfondo scorre con la stessa velocità dei contenuti in primo piano e, di conseguenza, sembra rimanere ferma.
  • Per concludere, puoi impostare un Effetto su passaggio del mouse definendo come deve variare nello Stato Iniziale e nello Stato Finale.

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


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