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, imposta il valore dell'Altezza e definisci l'Opacità sia per lo stato "normale" che per lo stato "su passaggio del mouse". 
  • 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.


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