Galeria Pro Wix: trabalhar com galerias deslizantes
5 min de leitura
Neste artigo
- Como sua galeria desliza
- Navegar pelos itens da galeria
- Animações de rolagem
- Perguntas frequentes
A Galeria Pro Wix 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?
![Animação mostrando uma galeria deslizante deslizando automaticamente.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/06/30/c8a183c5-9b51-4895-a16e-e6d8e4c90d65/24dd267c-45c0-4b5c-ba2c-38d75e04cbf6.gif)
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:
- Vá para o seu editor.
- Clique no elemento Galeria Pro na sua página.
- Clique em Configurações.
- Clique na aba Layout.
- Clique em Personalizar layout e ajuste o seguinte:
- Imagens contínuas: escolha para permitir que os visitantes percorram os itens da sua galeria em um loop contínuo.
Observação: a configuração de imagens contínuas só está disponível para os layouts Slider, Slides, Miniaturas e Coluna. - 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.
- Imagens contínuas: escolha para permitir que os visitantes percorram os itens da sua galeria em um loop contínuo.
![Captura de tela da aba Layout no painel Configurações mostrando opções de deslizamento.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/06/27/ea14679f-4728-4e71-99bd-92f3ac8d518c/f8692b27-fc87-42bf-85ab-89b1c9300353.jpg)
Navegar pelos itens da galeria
Mostre setas de navegação noa sua galeria Pro 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:
- Vá para o seu editor.
- Clique no elemento Galeria Pro na sua página.
- 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
![Captura de tela da aba Design no painel Configurações mostrando as opções de personalização das setas de navegação.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/06/27/a4fa89b5-b185-4e4f-a3f0-3085597dcfb4/7670df9f-65ad-486f-ac5c-09c7ae165653.jpg)
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:
- Vá para o seu editor.
- Clique no elemento Galeria Pro na sua página.
- 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.
Observação: a personalização das configurações de animação só está disponível em layouts com uma rolagem horizontal. - 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.
![Captura de tela da aba Design no painel de configurações mostrando as configurações de animação de rolagem com o botão Personalizar animações destacado](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/06/30/90674b0b-e9d8-44cf-ba57-46c3daa36a14/1b098951-73a0-41c4-aeb4-2b5ab0785b10.jpg)
Perguntas frequentes
Clique nas perguntas abaixo para saber mais sobre galerias deslizantes:
Quais animações estão disponíveis nos layouts Slideshow e Miniaturas?
Há um espaço abaixo da minha galeria quando uso o layout Slideshow. Como posso consertar isso?