Il componente Galleria con vista a sequenza

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

Il componente Galleria con vista a sequenza consente di creare una galleria scorrevole per più immagini. Modifica le proprietà del componente per creare esperienze 3D e tipi di carosello differenti. Puoi usare un componente Galleria con vista a sequenza anche 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 con vista a sequenza nel tuo progetto:

1. Apri il riquadro Componenti, quindi la cartella Gallerie.

2. Trascina il componente Galleria con vista a sequenza sullo stage.

3. Nella sezione di proprietà Galleria con vista a sequenza del riquadro Proprietà, assegna un nome al componente.

4. 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 alla galleria, procedi in uno dei seguenti modi:
     • Nella sezione di proprietà Galleria con vista a sequenza del riquadro Proprietà, fai clic sul pulsante Seleziona immagini della Galleria nel campo Immagini. Fai clic sul pulsante Scegli immagini per cercare i file delle immagini o trascina direttamente i file nella finestra di dialogo.
     • Nella sezione delle proprietà del componente Galleria con vista a sequenza del riquadro Proprietà, aggiungi gli URL delle immagini nel campo Immagini, separati da virgole.
   • Per aggiungere gruppi alla galleria, procedi nel seguente modo:
     • Nella sezione di proprietà Galleria con vista a sequenza del riquadro Proprietà, aggiungi un elenco di nomi di gruppi separati da virgole nel campo Gruppi.

5. Se vuoi, modifica altre proprietà del componente (descritte sotto).

Per riordinare o rimuovere immagini nella galleria:

1. Nella sezione di proprietà Galleria con vista a sequenza del riquadro Proprietà, fai clic sul pulsante Seleziona immagini della Galleria .
2. Trascina un'immagine nella nuova posizione per cambiarne l'ordine oppure posiziona il puntatore del mouse su un'immagine e fai clic sul pulsante Elimina per rimuovere l'immagine dalla galleria.
3. Fai clic su OK.

Proprietà

Proprietà	Descrizione
Nome	Consente di impostare il nome della Galleria con vista a sequenza.
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.
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.

Proprietà avanzate

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

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.
Rotazione adiacente	La quantità di rotazione applicata ai frame vicini.
Separazione adiacente	La quantità di separazione tra i frame.
Offset verticale elemento adiacente	Quanto in alto viene visualizzato il frame adiacente.
Scala adiacente	La scala comparativa dell'immagine adiacente.
URL di uscita	Un elenco di URL, separati da virgole, corrispondenti a ogni frame nella galleria. Associabile a dati dinamici.
Mostra riflesso (Webkit)	Se selezionata, mostra un riflesso dell'immagine. Il riflesso è supportato solo nei browser WebKit.
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 a ogni cambio di frame (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 al cambio di frame (per evitare contenuti indesiderati in riproduzione in sottofondo).

Eventi e azioni

Eventi inviati dal componente Galleria con vista a sequenza

Puoi attivare altre azioni basate sui seguenti eventi del componente Galleria con vista a sequenza:

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 attivato per 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.
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 con vista a sequenza come target.

Azioni eseguite dal componente Galleria con vista a sequenza

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

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

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

Scopri come configurare gli eventi.

Anteprima

Sullo stage, la Galleria con vista a sequenza 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.