Galeria rolante
A galeria rolante apresenta suas fotos em uma faixa horizontal, todas com a mesma altura. Cada foto mantém suas proporções, sem corte nem faixas vazias: você pode alternar fotos horizontais e verticais. O visitante rola a faixa no seu próprio ritmo e abre uma foto em tela cheia com um simples clique.
Adicionar uma galeria rolante
- Na paleta, seção Mídia, arraste o cartão “Galeria rolante” para a sua página.
- No inspetor, clique em “Editar as fotos” para adicionar suas fotos.
- Ajuste a altura das fotos e o espaçamento entre elas diretamente no inspetor.
O que o visitante vê
- A faixa rola ao deslizar, com o mouse ou o dedo, ou com um gesto horizontal no touchpad.
- As setas avançam uma página por vez, ou seja, todas as fotos visíveis.
- A roda vertical do mouse continua rolando a página: a faixa não a desvia.
- Um clique em uma foto a abre em tela cheia, com seu título e seu texto como legenda. Uma foto que tem um link abre esse link em vez disso.
Configurações do inspetor
- Altura das fotos: a altura da faixa, ajustável por tela (360 px por padrão, 240 px no celular). A largura de cada foto decorre dela, de acordo com suas proporções.
- Espaçamento entre as fotos: ajustável por tela (8 px por padrão).
- Todas as propriedades: abre a janela “Propriedades da galeria rolante”, descrita abaixo.
A janela “Propriedades da galeria rolante”
Aba “Slides”
- “Adicionar um slide” cria uma nova foto: clique no botão para adicioná-la ou arraste-o para a lista para escolher sua posição.
- Reorganize as fotos arrastando e soltando. “Excluir os slides selecionados” remove as fotos selecionadas.
- Para cada foto, insira seu título, seu texto e, se necessário, um link. O título e o texto formam a legenda da tela cheia.
Aba “Propriedades gerais”
- Altura das fotos e Espaçamento entre as fotos, como no inspetor.
- Rolagem livre, sem parada em cada foto: a faixa desliza com impulso e para onde o gesto a leva, em vez de se ajustar à borda de uma foto.
- Setas de controle: exiba-as ou não, e ajuste seu tamanho e suas cores.
- Resolução máxima: o tamanho máximo das fotos publicadas, tanto na faixa quanto em tela cheia.
Aba “Propriedades do texto associado aos slides”
Esta aba configura a legenda exibida na foto em tela cheia. O título e o texto não aparecem nas fotos da faixa: são reservados à tela cheia.
| Configuração | Efeito |
|---|---|
| Exibir a área de texto nos slides | Exibe a legenda em tela cheia. Desmarcada, nem o título nem o texto são exibidos. |
| Posição do bloco de texto | Posiciona a legenda na foto: em cima, no meio ou embaixo, à esquerda, no centro ou à direita. |
| Fundo do bloco de texto | Cor de fundo, cantos arredondados, margem externa (a distância até a borda da foto) e margem interna. |
| Ocupar toda a largura, Ocupar toda a altura | Estende a legenda por toda a largura ou toda a altura da foto. |
| Propriedades do título, Propriedades do texto | Fonte, cor e tamanho do título e do texto, além do espaço entre o título e o texto. |
Galeria rolante, carrossel ou álbum de fotos?
| Componente | Para |
|---|---|
| Carrossel | Uma imagem por vez, em um quadro de formato fixo, com rolagem automática, transições e texto nos slides. |
| Galeria rolante | Uma fileira de fotos com a mesma altura, que mantêm suas proporções, para percorrer livremente e abrir em tela cheia. |
| Álbum de fotos | Todas as fotos visíveis de uma só vez, em grade, com abertura em tela cheia. |