Compatibilità:

WebSite X5 Evo e Pro

A volte per aggiungere un po’ di “magia” ad una pagina basta proprio poco. Per esempio, una cosa che puoi fare con pochissimo sforzo è aggiungere un effetto di comparsa su un’immagine, un pulsante o un qualsiasi altro elemento presente in una pagina.


Ecco come devi fare:

  • Apri la pagina su cui vuoi lavorare e, nella Griglia di impaginazione, seleziona l’Oggetto corrispondente al contenuto su cui vuoi applicare l’effetto.
  • Clicca sul pulsante presente nella barra strumenti.
  • Nella finestra richiamata, rimani nella sezione Comparsa, clicca su Abilita effetto e usa il menu per scegliere se avviare l'effetto alla comparsa dell'oggetto o se collegarne l'attivazione allo scroll della pagina. Nel primo caso, l'effetto inizia non appena l'oggetto viene visualizzato; nel secondo caso, invece, l'effetto inizia quando l'oggetto diventa visibile durante lo scroll e termina quando l'oggetto raggiunge la metà della finestra. 
  • A questo punto, scorri l’elenco degli effetti e, aiutandoti con l’anteprima, seleziona quello che preferisci.
  • Imposta quanti secondi deve durare l’effetto e se deve essere di nuovo riprodotto.
  • Infine, se stai lavorando su determinati oggetti (per esempio, su un' un’immagine), puoi attivare l’opzione Abilita Lazy Loading. Il Lazy Loading fa in modo che le immagini non vengano caricate subito all'apertura della Pagina, ma solo nel momento in cui devono essere effettivamente visualizzate. In questi casi, le immagini vengono visualizzate progressivamente, con un gradevole effetto di dissolvenza.  


#tip - Lazy Loading. Utilizzando l'opzione Abilita Lazy Loading è possibile fare in modo che le immagini presenti in una Pagina non vengano caricate tutte contemporaneamente, ma solo mano a mano che devono essere visualizzate: in questo modo si riduce il tempo di apertura della Pagina rendendo più veloce la navigazione.


  • Per personalizzare ulteriormente il comportamento dell'oggetto, apri la sezione Posizione e attiva l'opzione Imposta oggetto come sticky: in questo modo, una volta che l'oggetto sarà visibile nella pagina, rimarrà fisso in una certa posizione, fino a che l'oggetto più alto presente nella stessa riga non inizierà a scomparire.
  • In questo caso, definisci la posizione in cui l'oggetto dovrà rimanere fisso, impostando un valore in pixel per l'opzione Distanza dall'alto.  


#tip - Nella griglia di impaginazione, gli oggetti ai quali è stato associato un effetto si distinguono facilmente grazie all'icona  posizionata in sovrimpressione nella cella che occupano.


#tip – Accessibilità. I sistemi operativi moderni includono un’impostazione di accessibilità per ridurre o disattivare gli effetti visivi, come animazioni e transizioni. Se questa opzione è attiva, eventuali effetti applicati agli oggetti non verranno riprodotti.