Nota: Sebbene le nostre guide più popolari siano state tradotte in italiano, alcune guide sono disponibili solo in inglese.

Scorrimento Parallax

I modelli della famiglia Brine utilizzano uno speciale effetto visivo sulle immagini di intestazione chiamato scorrimento con parallasse. Lo scorrimento con parallasse prevede un'immagine di sfondo che si muove più lentamente del contenuto in primo piano, creando un'illusione di profondità e immersione.

La versione 7.1 non supporta lo scorrimento con parallasse.

Ecco un esempio di scorrimento con parallasse nel modello Burke:

parallax_scroll_download.gif

Prima di iniziare

  • Per sapere se il modello supporta lo scorrimento con parallasse, consulta l'elenco dei modelli della famiglia Brine.
  • Quando viene abilitato lo scorrimento con parallasse, tutti i banner del sito ne saranno coinvolti.
  • Parallax scrolling funziona sui dispositivi mobili.
  • La famiglia Marquee, fuori produzione, supporta anche lo scorrimento con parallasse. Per ulteriori informazioni, visita la guida al modello Marquee.

Pagine supportate

Lo scorrimento con parallasse è disponibile sulle pagine che supportano i banner:

  • Pagine indice (immagini di sfondo dietro le sezioni Layout pagina)
  • Pagine di layout
  • Pagine prodotti
  • Pagine eventi
  • Pagine album
  • Pagine del blog
  • Pagine galleria

Abilitare o disabilitare lo scorrimento con parallasse

Se i banner del tuo sito non mostrano l'effetto con parallasse, attivalo negli Stili del sito della famiglia Saline:

  1. Nel menuHome, fai clic su Design poi su Stili sito.
  2. Scorri verso il basso fino alla sezione Principale: Overlay .
  3. Seleziona Abilita parallasse.
  4. Potresti anche voler controllare Ritaglio Intelligente Parallax per ridurre al minimo il ritaglio.
  5. Clicca su Salva

Per disabilitare lo scorrimento con parallasse per il sito, seguire gli stessi passaggi ma deselezionando Abilita parallasse.

Aggiungere immagini in miniatura

Per creare l'effetto parallasse, aggiungi un'immagine in miniatura alla pagina o sezione:

Se non vedi l'effetto parallasse, assicurati che sia abilitato.

Aumentare l'effetto

Esistono diversi modi per aumentare l'effetto pergamena con parallasse.

Contenuto misto

Mescolare le immagini a scorrimento di parallasse con contenuti e immagini che non scorrono in parallasse. Il contenuto che si muove più velocemente sembra scorrere sulle immagini con effetto parallasse.

Ad esempio, in un indice è possibile combinare sezioni di contenuto a scorrimento con parallasse e sezioni di contenuto senza parallasse o con sezioni di contenuto che non presentano immagini di sfondo.

Aggiungi contenuto in sovrapposizione

Un altro modo per migliorare lo scorrimento con parallasse è l'aggiunta di testo, pulsanti o altro contenuto all'immagine come sovrapposizione. Questo contenuto scorre alla stessa velocità del resto della pagina, più velocemente dell'immagine. Nella famiglia Brine, è possibile aggiungere questo contenuto con i blocchi:

Aggiungere un filtro colorato

Puoi aggiungere un filtro colore a tutti i banner del tuo sito con Colore in sovrapposizione nella sezione Principale: Sovrapposizione degli Stili del sito.

Ritagliare

Per capire come i ritagli influiscano sulle immagini con parallasse, pensa al sito come a un pezzo di carta con un foro rettangolare. L'immagine con parallasse è un livello separato e disposto sotto, visibile solo attraverso il foro nella carta.

Perché la carta scorra più velocemente dell'immagine, l'immagine deve essere più alta del foro. Lo spazio extra nella parte superiore e inferiore dell'immagine è ciò che viene rivelato quando si sposta la carta.

Per questo motivo, le modifiche al ritaglio e al punto focale potrebbero non avere un impatto notevole sulla posizione dell'immagine con scorrimento con parallasse. Il sito è progettato per garantire che l'immagine abbia margini sui lati in modo che possa far visualizzare l'effetto parallasse.

Suggerimento: seleziona Ritaglio intelligente parallasse negli Stili del sito per ridurre al minimo il ritaglio a sinistra e a destra.

Problemi di scorrimento

Se si riscontrano problemi di scorrimento, quando l'effetto parallasse è abilitato, potrebbe essere necessario ridurre le dimensioni della pagina. I browser possono caricare lentamente le pagine a scorrimento con parallasse, soprattutto se la dimensione totale è uguale o maggiore di 15 MB. Se lo scorrimento non sembra corretto o se non è possibile ridurre le dimensioni della pagina, considera la possibilità di disabilitare il parallasse

Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 90 su 224