Wix Pro Gallery: personalizzare la visualizzazione al passaggio del mouse degli elementi della tua galleria | Centro di Apprendimento

Wix Pro Gallery: personalizzare la visualizzazione al passaggio del mouse degli elementi della tua galleria

Tempo di lettura: 5 min.

Dai vita al tuo sito e incoraggia i visitatori a interagire con la tua galleria applicando divertenti effetti al passaggio del mouse.

Un visitatore vede la visualizzazione al passaggio del mouse quando posiziona il mouse su un elemento della galleria senza cliccarci sopra. Puoi scegliere quali elementi vengono mostrati al passaggio del mouse e l'effetto al passaggio del mouse.

Animazione che mostra le icone della galleria, i titoli e le descrizioni mostrate quando il cursore passa sugli elementi della galleria.

In questo articolo, scopri di più su:

Personalizzare la visualizzazione al passaggio del mouse

Personalizza la visualizzazione al passaggio del mouse aggiungendo una sovrapposizione, scegliendo quali informazioni e icone vuoi mostrare e applicando le animazioni di scorrimento. Le opzioni di personalizzazione disponibili dipendono dal layout della galleria che hai scelto.

Per personalizzare la visualizzazione al passaggio del mouse:

Clicca su Wix Pro Gallery nel tuo Editor
Clicca su Impostazioni
Clicca sulla scheda Design
Scegli quali elementi al passaggio del mouse vuoi personalizzare:

Sovrapposizione e Icone

Un overlay viene sovrapposto a un'immagine per dare un effetto extra quando si passa sopra con il cursore. Puoi personalizzare questo effetto e tutte le tue icone.

Clicca su Sovrapposizione e Icone
Scegli un overlay e personalizzalo utilizzando le opzioni disponibili:
- Overlay completo: l'overlay copre l'intero elemento della galleria. Modifica le seguenti opzioni:
  - Gradiente: clicca sull'interruttore per abilitare un overlay sfumato e modifica le seguenti opzioni:
    - Colore e opacità 1 e 2: clicca sulla casella del colore pertinente per personalizzare i colori del gradiente. Quindi trascina il cursore per regolare l'opacità dei colori
    - Direzione gradiente: trascina il cursore per regolare la direzione di sovrapposizione del gradiente
  - Colore overlay: clicca sulla casella del colore per scegliere un colore, poi trascina il cursore per modificare la trasparenza della sovrapposizione di colore
  - Colore icona: clicca sulla casella del colore e seleziona un nuovo colore per le icone della galleria
- Overlay parziale: l'overlay copre solo una parte dell'elemento della galleria. Modifica le seguenti opzioni:
  - Imposta dimensioni in: decidi le dimensioni dell'overlay in percentuale o pixel
  - Dimensione: trascina il cursore o inserisci un valore per scegliere la dimensione dell'overlay
  - L'overlay inizia da: scegli dove posizionare l'overlay
  - Spaziatura interna: trascina il cursore per regolare lo spazio tra il bordo della galleria e l'overlay
  - Gradiente: clicca sull'interruttore per abilitare un overlay sfumato e modifica le seguenti opzioni:
    - Colore e opacità 1 e 2: clicca sulla casella del colore pertinente per personalizzare i colori del gradiente. Quindi trascina il cursore per regolare l'opacità dei colori
    - Direzione gradiente: trascina il cursore per regolare la direzione del gradiente dell'overlay
  - Colore overlay: clicca sulla casella del colore per scegliere un colore, poi trascina il cursore per modificare la trasparenza della sovrapposizione di colore
  - Colore icona: clicca sulla casella del colore e seleziona un nuovo colore per le icone della galleria
Scegli un effetto di sovrapposizione tra le opzioni disponibili:
- Niente: la sovrapposizione non applica alcun effetto
- Dissolvenza: la sovrapposizione appare gradualmente al passaggio del mouse
- Espandi: la sovrapposizione si espande al passaggio del mouse
- Scorrimento: l'overlay scorre verso l'alto al passaggio del mouse
- Scorri a destra: l'overlay scorre verso destra al passaggio del mouse

Testi

Stile dell'articolo

Animazioni di scorrimento

Suggerimento:

Mentre personalizzi la visualizzazione al passaggio del mouse, puoi vederne gli effetti nella Pro Gallery nell'Editor. Clicca su Esci da mod. a pass. mouse per tornare alla normale visualizzazione della Pro Gallery.

FAQ

Clicca su una domanda qui sotto per scoprire di più sulla personalizzazione della visualizzazione al passaggio del mouse della tua galleria.

Posso mostrare un'immagine diversa quando passo il mouse su un elemento della galleria?

Posso applicare un effetto al passaggio del mouse a un singolo elemento della galleria?

In questo articolo:

Personalizzare la visualizzazione al passaggio del mouse
FAQ