top of page

Agora que aprendemos como adicionar imagens, vamos explorar um pouco mais este recurso.

Adicionando e editando imagens​ e Galeria de imagens no Wix

Galeria tipo GRID



​Definição:

As imagens são dispostas lado a lado, quando o visitante clica sobre uma imagem, uma janela é aberta com tamanho real de cada imagem.



Configurações da Galeria:

Recortar; 2 colunas; 2 linhas; Mostrar mais 2 linhas (clique no link 'Show More' para ver o funcionamento deste recurso); Ir para o modo expansão.

​

personalizando imagem no Wix

Exemplo de imagem com estilo personalizado:

Exemplos de Galeria de Imagens

Galeria tipo SLIDE SHOW



​Definição:

Esta opção exibe uma apresentação automática de slides. O visitante também pode mudar as imagens ao clicar sobre as setas que aparecem nas laterais da galeria.



Configurações:

Recortar; Horizontal; 1:20s; Autoplay, 3:20,Ir para modo de expansão; Mostra botões de navegação.

​

Galeria tipo SLIDER



Este recurso é bem parecido com o Slideshow citado anteriormente, com a diferença de que ele vai alterando as imagens da esquerda para a direita ou vice versa sempre que o mouse for posicionado sobre a galeria.



Configurações:

Recortar; 16:9, margem 6, velocidade 5, ir para modo e expansão

​

Galeria tipo GRID ANIMADA

​

Definição:

Esta opção também é bem parecida com o Grid citado
anteriormente, com a diferença de que é aplicado um efeito de esmaecimento sobre as imagens conforme o visitante passa o mouse sobre elas.



Configurações:

​3 colunas; 4 linhas; 5px margem; Vertical, 2:10; Pausa 3s;

Ir para modo expansão; Mostrar botões de Navegação.

Exemplo de Código HTML (atualização da página)

bottom of page