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 Effetto parallasse. Come creare uno sfondo che si muove durante lo scroll? 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