Il componente Galleria a scorrimento

Questo componente non è supportato per gli annunci HTML AMP, gli annunci video o gli annunci illustrati.

Il componente Galleria a scorrimento consente di creare una semplice galleria che gli utenti possono fare scorrere avanti e indietro per mostrare una serie di immagini diverse o un insieme di gruppi diversi. Puoi usare un componente Galleria a scorrimento in un annuncio dinamico.

Scegliere la galleria più adatta

Google Web Designer ha quattro diversi componenti Galleria:

La Galleria a 360° mostra immagini dell'oggetto da diverse angolazioni, permettendoti di scorrere avanti e indietro per ruotare l'oggetto. La Galleria a 360° non mostra elementi di navigazione o gruppi.
La Galleria a scorrimento offre una visione semplice e piatta e consente di scorrere le immagini o i gruppi in senso verticale od orizzontale.
La Galleria con vista a sequenza è simile alla Galleria a scorrimento, ma dona alle immagini precedenti e successive un aspetto tridimensionale, come se fossero su un display che ruota.
La Galleria con transizione offre una serie di effetti di animazione passando da un'immagine all'altra.

Per utilizzare il componente Galleria a scorrimento, procedi nel seguente modo:

Apri il riquadro Componenti, quindi la cartella Gallerie.
Trascina il componente Galleria a scorrimento sullo stage.
Assegna un nome al componente nella sezione delle proprietà del componente Galleria a scorrimento del riquadro Proprietà.
Aggiungi una serie di immagini o di gruppi. Usa i gruppi per visualizzare elementi diversi dalle immagini o più elementi in un unico frame.
- Per aggiungere immagini, utilizza uno dei seguenti metodi:
  - Nella sezione di proprietà Galleria a scorrimento del riquadro Proprietà, aggiungi gli URL delle immagini nel campo Immagini, separati da virgole.
  - Nella sezione di proprietà Galleria a scorrimento del riquadro Proprietà, fai clic sul pulsante Seleziona immagini della Galleria . Fai clic sul pulsante Scegli file per cercare i file delle immagini o trascina direttamente i file nella finestra di dialogo.
- Per aggiungere gruppi alla galleria, procedi nel seguente modo:
  - Nella sezione di proprietà Galleria a scorrimento del riquadro Proprietà, aggiungi un elenco di nomi di gruppi separati da virgole nel campo Gruppi.
Se lo desideri, regola le proprietà del componente (fai riferimento alla procedura descritta sotto).

Utilizzare i gruppi nella Galleria a scorrimento

La Galleria a scorrimento può ospitare una serie di immagini o di gruppi. I gruppi consentono di utilizzare asset diversi dalle immagini (ad esempio video) o vari asset in un solo frame della galleria (ad esempio immagini con didascalie di testo).

Se usi video o altri asset interattivi, seleziona l'opzione Disattiva scorrimento nel riquadro Proprietà. In questo modo l'utente può interagire con i controlli del video. Puoi usare il componente Navigazione galleria per consentire all'utente di spostarsi tra i frame della galleria.

Per creare una galleria di un insieme di immagini e gruppi, converti innanzitutto le immagini che vuoi usare in gruppi.

Puoi anche visualizzare più elementi dinamici nella galleria utilizzando i gruppi.

Per riordinare o rimuovere immagini nella galleria, procedi nel seguente modo:

Nella sezione di proprietà Galleria a scorrimento del riquadro Proprietà, fai clic sul pulsante Seleziona immagini della Galleria .
Trascina un'immagine nella nuova posizione per cambiarne l'ordine oppure passa il mouse sopra un'immagine e fai clic sul pulsante Elimina per rimuovere l'immagine dalla galleria.
Fai clic su OK.

Proprietà

Proprietà	Descrizione
Nome	Consente di impostare il nome della Galleria a scorrimento.
Immagini	Consente di selezionare le immagini da utilizzare nella galleria. Associabile a dati dinamici.
Gruppi	Un elenco di gruppi, separati da virgole, da utilizzare nella galleria. Associabile a dati dinamici.
Transizione	La durata (in millisecondi) della transizione tra le immagini.
Frame iniziale	Il numero dell'immagine che desideri venga visualizzata all'inizio.
Mostra frame	Il numero di frame visualizzati contemporaneamente nella galleria.
Frame di scorrimento	Il numero di frame che avanzano a ogni scorrimento.
Riproduzione automatica	Se selezionata, vengono riprodotte automaticamente le immagini nella galleria.
Includi navigazione	Se selezionata, vengono incluse le icone di navigazione per spostarsi nella galleria.
Utilizza miniature	Se selezionata con l'opzione "Includi navigazione", vengono mostrate le immagini in miniatura per la navigazione anziché le icone.
Colore evidenziatore	Consente di impostare il colore di evidenziazione per l'immagine di navigazione.
Ridimensionamento	Consente di stabilire la modalità di visualizzazione di immagini di diverse dimensioni all'interno di frame con dimensione fissa: Ridimensiona immagine per adattarla: consente di ridimensionare l'immagine in modo proporzionale per adattarla al frame senza ritagliarla. Sarà aggiunta una spaziatura interna se le proporzioni dell'immagine e quelle del frame sono diverse. Ritaglia immagine per riempire lo spazio: consente di ridimensionare l'immagine per adattarla completamente al frame, ritagliandola se le proporzioni del frame e dell'immagine sono diverse. Nessuna: l'immagine viene visualizzata nelle sue dimensioni originali al centro del frame. Se l'immagine ha dimensioni minori rispetto al frame, lo spazio in eccesso sarà riempito con un'area trasparente. Nel caso contrario, invece, l'immagine sarà ritagliata. Estendi immagine per riempire lo spazio: consente di ridimensionare ed espandere l'immagine per adattarla alle dimensioni del frame senza ritagliarla.
Direzione	Consente di stabilire se le immagini devono muoversi in orizzontale o in verticale all'interno della galleria.

Proprietà avanzate

Per visualizzare le proprietà avanzate, fai clic sull'icona Espandi accanto a Proprietà avanzate nel riquadro Proprietà del componente.

Proprietà avanzata	Descrizione
Offset del frame	La distanza tra le immagini.
Larghezza frame	La larghezza (in pixel) del frame dell'immagine all'interno della galleria.
Altezza frame	L'altezza (in pixel) del frame dell'immagine all'interno della galleria.
Durata riproduzione automatica	La durata (in millisecondi) della riproduzione della galleria, dal primo all'ultimo frame. Il tempo è distribuito uniformemente tra le varie immagini, a meno che non venga scelto un valore diverso per l'opzione Intervallo per la riproduzione automatica.
Intervallo per la riproduzione automatica	La durata (in millisecondi) di visualizzazione di ogni immagine quando Riproduzione automatica è attiva. Le immagini vengono riprodotte con questa durata fino al raggiungimento della durata di riproduzione automatica totale impostata, se necessario ripetendo le immagini più volte.
URL di uscita	Un elenco di URL, separati da virgole, corrispondenti a ogni frame nella galleria. Associabile a dati dinamici.
Disattiva scorrimento	Una casella di controllo che consente di disattivare la navigazione con scorrimento per la galleria. In questo modo l'utente può interagire con gli elementi nel frame senza modificarlo accidentalmente. Se questa casella è selezionata, puoi utilizzare la proprietà "Includi navigazione" o il componente Navigazione galleria per modificare i frame.
Metti in pausa l'elemento multimediale all'uscita dal frame	Se selezionata, i componenti audio o video in riproduzione nel frame corrente vengono messi in pausa quando il frame viene cambiato (per evitare contenuti indesiderati in riproduzione in sottofondo).
Riprendi l'elemento multimediale all'accesso al frame	Se selezionata, avvia i contenuti audio o video in pausa nel nuovo frame. ogni volta che il frame diventa attivo.

Eventi e azioni

Eventi inviati dal componente Galleria a scorrimento

Puoi attivare altre azioni basate sui seguenti eventi del componente Galleria a scorrimento:

Evento	Descrizione
Prima interazione	Inviato quando l'utente interagisce per la prima volta con la galleria.
Tutti i frame visualizzati	Inviato quando tutti i frame della galleria sono stati mostrati almeno una volta.
Immagini caricate	Inviato quando tutti i frame della galleria sono stati caricati.
Riproduzione automatica terminata	Inviato quando la riproduzione automatica viene terminata per qualsiasi motivo.
Frame mostrato	Inviato quando ogni nuovo frame viene mostrato completamente.
Frame attivato	Inviato quando inizia un cambio di frame.
Frame riprodotto automaticamente	Inviato quando un frame viene mostrato automaticamente durante la riproduzione automatica.
Tocco del frame	Inviato quando l'utente fa clic sul frame.
Estremità sinistra	Inviato quando la galleria raggiunge l'estremità sinistra dopo lo scorrimento.
Estremità destra	Inviato quando la galleria raggiunge l'estremità destra dopo lo scorrimento.
Esegui il mouseover sul frame	Inviato quando il puntatore del mouse entra nell'area del frame.
Esegui il mouseout dal frame	Inviato quando il puntatore del mouse esce dall'area del frame.
Inizio traccia	Inviato quando inizia il trascinamento tramite mouse o tocco.
Traccia	Il componente registra i dati di posizione X e Y associati al trascinamento tramite mouse o tocco.
Fine traccia	Inviato quando termina il trascinamento del mouse o del tocco.

Per selezionare uno di questi eventi nella finestra di dialogo Evento, imposta il componente Galleria a scorrimento come target.

Azioni eseguite dal componente Galleria a scorrimento

Le seguenti azioni del componente Galleria a scorrimento possono essere attivate in risposta ad altri eventi:

Azione	Opzioni di configurazione
Vai a frame	Numero frame Animazione: "none" o "slide"
Ruota una volta	Tempo rotazione: tempo in millisecondi Direzione: "forwards" o "backwards"
Interrompi rotazione	nessuna
Avanti	nessuna
Indietro	nessuna

Se selezioni una di queste azioni nella finestra di dialogo Evento, imposta il componente Galleria a scorrimento come destinatario.

Scopri come configurare gli eventi.

Anteprima

Sullo stage, la Galleria a scorrimento mostra solo il frame iniziale per darti un'idea di come apparirà il componente. Per vedere come funziona, visualizza l'anteprima del documento nel tuo browser preferito, facendo clic sul pulsante Anteprima nell'angolo in alto a destra.

È stato utile?

Come possiamo migliorare l'articolo?