Passo 4 - Pagine > Comandi Barra Strumenti e Griglia > Finestra 'Effetto di visualizzazione'

Attraverso i comandi di questa finestra, richiamata dal pulsante presente nella barra di strumenti della Griglia di impaginazione proposta nella finestra Creazione della Pagina, è possibile impostare un effetto di comparsa sugli Oggetti inseriti in una Pagina (vedere, finestra Creazione della Pagina).

Tutti gli effetti proposti sono realizzati in CSS e sono supportati da tutti i principali Browser.

I comandi disponibili sono articolati nelle seguenti sezioni:

▪

Comparsa

▪

Posizione

Per prima cosa, occorre attivare l'effetto selezionando l'opzione Abilita effetto.

Abilitato l'effetto, è poi possibile scegliere a che evento deve essere collegato. Le opzioni disponibili sono:

▪	Avvia l'effetto alla comparsa dell'oggetto: in questo caso l'effetto è legato alla semplice visualizzazione dell'oggetto.

▪	Esegui l'effetto allo scroll della pagina: in questo caso l'effetto è comandato dallo scroll della pagina. L’effetto inizia appena l’oggetto diventa visibile nella finestra del browser e termina quando l'oggetto è a metà della finestra.

In entrambi i casi, è poi disponibile un elenco ordinato di effetti tra cui è possibile scegliere. È sufficiente selezionare un effetto per vederne un'anteprima.

Selezionato l'effetto da impostare sull'Oggetto, è possibile definire le seguenti Opzioni:

▪	Tempo di visualizzazione: imposta il tempo (in secondi) per la durata dell'effetto.

▪	Ripeti effetto ogni [sec]: disponibile solo per gli effetti che prevedono che l'Oggetto sia immediatamente visibile, fa sì che l'effetto venga ripetuto allo scadere dell'intervallo di tempo prefissato.

▪

Abilita Lazy Loading: disponibile solo per alcuni Oggetti (per esempio, l'Oggetto Immagine), fa in modo che le immagini non vengano caricate subito all'apertura della Pagina in cui sono inserite, ma solo nel momento in cui devono essere effettivamente visualizzate. In questi casi, le immagini vengono visualizzate progressivamente, con un gradevole effetto di dissolvenza.

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.

Una volta che l'Oggetto è visibile nella pagina, è possibile fare in modo che rimanga fisso in un certa posizione, fino a che l'Oggetto più alto presente nelle stessa riga inizia a scomparire.

Per ottenere questo risultato occorre:

▪	enable the effect by selecting the Set the object as sticky option;

▪	use the Distance from top option to define the position where the Object should remain fixed.

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.

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.

Leggi le Guide:

-	Come si imposta un effetto di comparsa su un contenuto di una Pagina?

Finestra Effetto di visualizzazione

Finestra Effetto di visualizzazione