Wix Pro Gallery: trabalhar com galerias deslizantes
4 min de leitura
O Wix Pro Gallery permite que você escolha entre uma variedade de layouts para sua galeria, e alguns desses layouts permitem que sua galeria deslize.
As galerias deslizantes oferecem um conjunto exclusivo de opções de personalização, elementos interativos e efeitos de animação para chamar a atenção dos seus visitantes. Algumas dessas opções incluem ajustar como sua galeria desliza (automaticamente ou manualmente) e adicionar animações de rolagem divertidas que aparecem enquanto os visitantes navegam pelo seu conteúdo.
Quais layouts de galeria deslizam?
Neste artigo, saiba mais sobre:
Como sua galeria desliza
Personalize como sua galeria desliza quando os visitantes abrem seu site. Você pode configurar suas imagens para serem repetidas, fazer com que a galeria deslize automaticamente com um tempo definido (escolhido por você) entre os itens ou deixar que o visitante do site decida.
Para personalizar como sua galeria desliza:
- Clique no Pro Gallery no seu Editor.
- Clique em Configurações.
- Clique na aba Layout.
- Clique em Personalizar layout e ajuste o seguinte:
- Imagens contínuas: escolha se deseja por permitir que os visitantes percorram os itens da galeria continuamente.
- Deslizar automaticamente: escolha exibir seus itens em um slideshow contínuo:
- Intervalos: sua galeria desliza para o próximo item após o período de tempo escolhido. Arraste o slider Tempo entre as imagens para alterar o número de segundos entre os itens.
- Contínuo: sua galeria desliza automaticamente. Arraste o slider em Velocidade do slideshow para ajustar a velocidade com que a galeria desliza.
- Pausar ao passar o mouse: ative a alavanca para que o slideshow seja pausado quando um visitante passa o mouse sobre um item da galeria.
Navegar pelos itens da galeria
Mostre setas de navegação no seu Pro Gallery para incentivar os visitantes a ver, no seu próprio ritmo, mais do que sua galeria tem a oferecer Em seguida, personalize essas setas para combinarem com o estilo do seu site. As opções de personalização disponíveis dependem do layout da galeria que você escolher.
Para personalizar as setas de navegação da sua galeria:
- Clique no Pro Gallery no seu Editor.
- Clique em Configurações.
- Clique na aba Design.
- Clique em Setas de navegação.
- Ative a alavanca Mostrar setas de navegação.
- Personalize as setas usando as seguintes opções:
- Escolha um estilo de seta: selecione um design de seta ou clique no ícone Adicionar
para fazer upload da sua própria. - Background da seta: clique no dropdown e selecione uma opção:
- Sombra: adicione uma leve sombra ao redor da seta.
- Caixa: adicione uma caixa ao redor da seta. Clique na caixa de cores para alterar a cor e arraste os sliders relevantes para ajustar a transparência e arredondar os cantos.
- Nenhum: nenhum background é adicionado à seta.
- Tamanho da seta: arraste o slider para aumentar ou diminuir o tamanho das setas de navegação.
- Cor da seta: clique na caixa de cores para selecionar a cor da seta de navegação. Selecione uma cor entre as cores do seu site ou escolha a sua própria.
- Posição da seta: marque a caixa de seleção relevante para exibir as setas de navegação dentro ou fora da galeria.
Observação: a exibição de setas de navegação na sua galeria pode cobrir parte dos itens da sua galeria. - Centralizar setas para: escolha a parte da galeria em que as setas serão centralizadas: Galeria, Imagem ou Texto.
- Preenchimento horizontal: arraste o slider para ajustar a quantidade de espaço entre suas setas e a borda da sua galeria.
- Escolha um estilo de seta: selecione um design de seta ou clique no ícone Adicionar
Animações de rolagem
Adicione um efeito visual interessante aos itens da sua galeria quando eles deslizam para criar um fluxo suave entre um item da galeria e outro. Você pode fazer com que as imagens apareçam gradualmente, diminuir o zoom ou deslizar.
Para configurar as animações de rolagem:
- Clique no Pro Gallery no seu Editor.
- Clique em Configurações.
- Clique na aba Design.
- Clique em Animação de rolagem.
- Escolha o que acontece quando os visitantes navegam pela sua galeria:
- Sem efeito: nenhum efeito é aplicado à rolagem.
- Aparecer: as imagens aparecem gradualmente durante a rolagem.
- Tons de cinza: a imagem fica em preto e branco durante a rolagem.
- Deslizar: a imagem desliza para cima durante a rolagem.
- Expandir: a imagem fica maior durante a rolagem.
- Encolher: a imagem fica menor durante a rolagem.
- Zoom out: o zoom da imagem diminui durante a rolagem.
- Cor: uma única cor é aplicada às imagens durante a rolagem.
- Clique em Personalizar animações.
- Edite suas configurações de animação:
- Estilo de transição: clique no dropdown para aplicar um efeito de movimento aos itens da galeria. Esse efeito é aplicado durante a rolagem, enquanto os visitantes se movem de um item para o próximo.
- Duração: arraste o slider para ajustar quanto tempo dura a animação.
Observação:
Apenas as animações de slides Rolar, Desaparecer e Empilhar estão disponíveis nos layouts Slides e Miniaturas.
Dica:
Se perceber que há um espaço abaixo da sua galeria ao usar o layout Slides, você precisará reduzir o tamanho da Barra de informações.
Esse artigo foi útil?
|