Agora que você já viu Como adicionar uma Galeria de Imagens, vamos aprender a configurá-la.
Vamos explorar agora os recursos que a opção “Configurações da Galeria” oferece. Para chegar na janela de configuração, clique sobre a galeria que deseja modificar e clique no link “Configurações da Galeria”.
É importante ressaltar que as opões de configuração dependem de cada tipo de galeria, vejamos cada uma delas:
Galeria tipo GRID:
As opções de configuração desta galeria são;
Dimensão da Imagem – com as opções “Ajustar” e “Recortar”, aplique em sua galeria e veja os efeitos imediatamente. Escolha a que mais lhe agradar (recomendo a opção ‘recortar’).
Colunas – número de colunas que deseja inserir em sua galeria. Varia de 1 até 10 colunas.
Linhas – número de linhas verticais que deseja inserir na galeria. Varia de 1 até 10.
Mostrar Mais (linhas) – este recurso é muito interessante, ele mostra mais linhas verticais somente se o visitante clicar no link “Show More”. Defina quantas linhas quer que a galeria exiba ao ser clicada.
Margem – é o tamanho do espaçamento (em px) entre as imagens dentro da galeria. Quanto maior o valor, maior será a distância entre uma imagem e outra.
Quando clicar em uma imagem:
Ir para o modo de expansão: ao clicar na imagem, uma nova janela é aberta com a imagem em tamanho real. Abaixo da descrição da imagem aparecerá o link que foi informado na configuração da mesma (recomendado).
Ir para o link especificado: o visitante será direcionado imediatamente para a página do link informado na configuração.
Clique para ver um exemplo de galeria GRID com as configurações acima.
Galeria tipo SLIDE SHOW:
As opções de configuração desta galeria são;
Dimensão da Imagem – com as opções “Ajustar a largura” e “Recortar”, aplique em sua galeria e veja os efeitos imediatamente. Escolha a que mais lhe agradar (recomendo a opção ‘recortar’).
Transições – é o tipo de efeito que aparecerá quando a galeria mudar de uma imagem para outra. Aplique em sua galeria e veja cada efeito imediatamente na galeria. Escolha o que mais lhe agradar.
Duração – é o tempo de duração de uma transição. Os valores variam de 0 a 5. Quanto menor, mais lento será e quanto maior, mais rápida será a transição.
Reverter – marque esta caixa para reverter a direção da transição escolhida.
Autoplay – marque esta caixa caso queira que a apresentação das imagens seja automática, independente de o visitante clicar nas setas.
Pausa entre as imagens – Se você selecionou a opção “Autoplay”, defina o tempo, em segundos, para uma imagem mudar para outra.
Mostrar botão de Autoplay – escolha esta se deseja deixar uma opção de ‘play’ e ‘pause’ na galeria.
Quando clicar em uma imagem:
Ir para o modo de expansão: ao clicar na imagem, uma nova janela é aberta com a imagem em tamanho real. Abaixo da descrição da imagem aparecerá o link que foi informado na configuração da mesma (recomendado).
Ir para o link especificado: o visitante será direcionado imediatamente para a página do link informado na configuração.
Clique para ver um exemplo de galeria SLIDE SHOW com as configurações acima. (desça até a galeria SLIDE SHOW)
Galeria tipo SLIDER:
As opções de configuração desta galeria são;
Dimensão da Imagem:
Recortar – recorta a imagem no tamanho exato da dimensão da galeria. Esta opção apresenta várias opções de cortes, como os 16:9, 4:3 etc… Teste cada uma delas e veja qual melhor se encaixa em seu projeto.
Ajustar a altura – ajusta as imagens conforme a altura da galeria.
Margem – é o tamanho do espaçamento (em px) entre as imagens dentro da galeria. Quanto maior o valor, maior será a distância entre uma imagem e outra.
Velocidade – permite escolher o tempo de transição entre uma imagem e outra.
Loop – marque esta caixa caso deseje que a rotação das imagens se repitam em sequência, quando chegar na última, voltará em sequência para a primeira imagem da galeria.
Quando clicar em uma imagem:
Ir para o modo de expansão: ao clicar na imagem, uma nova janela é aberta com a imagem em tamanho real. Abaixo da descrição da imagem aparecerá o link que foi informado na configuração da mesma (recomendado).
Ir para o link especificado: o visitante será direcionado imediatamente para a página do link informado na configuração.
Clique para ver um exemplo de galeria SLIDER com as configurações acima (desça até a galeria SLIDER).
Galeria tipo GRID ANIMADA:
Esta galeria é a que oferece mais opções de configuração, vejamos como trabalhá-las;
Colunas – número de colunas que deseja inserir em sua galeria. Varia de 1 até 10 colunas.
Linhas – número de linhas verticais que deseja inserir na galeria. Varia de 1 até 10.
Margem – é o tamanho do espaçamento (em px) entre as imagens dentro da galeria. Quanto maior o valor, maior será a distância entre uma imagem e outra.
Transições – é o tipo de efeito que aparecerá quando a galeria mudar de uma imagem para outra. Aplique em sua galeria e veja cada efeito imediatamente na galeria. Escolha o que mais lhe agradar.
Duração – é o tempo de duração de uma transição. Os valores variam de 0 a 5. Quanto menor, mais lento será e quanto maior, mais rápida será a transição.
Reverter – marque esta caixa para reverter a direção da transição escolhida.
Autoplay – marque esta caixa caso queira que a apresentação das imagens seja automática, independente de o visitante clicar nas setas.
Pausa entre as imagens – Se você selecionou a opção “Autoplay”, defina o tempo, em segundos, para uma imagem mudar para outra.
Mostrar botão de Autoplay – escolha esta se deseja deixar uma opção de ‘play’ e ‘pause’ na galeria.
Quando clicar em uma imagem:
Ir para o modo de expansão: ao clicar na imagem, uma nova janela é aberta com a imagem em tamanho real. Abaixo da descrição da imagem aparecerá o link que foi informado na configuração da mesma (recomendado).
Ir para o link especificado: o visitante será direcionado imediatamente para a página do link informado na configuração.
Mostrar botão de navegação – marque esta opção se deseja mostrar aos visitantes os botões de navegação, aqueles onde ele vai clicar para ver mais imagens.
Clique para ver um exemplo de galeria GRID ANIMADA com as configurações acima (desça até a galeria GRID ANIMADA).
No rodapé de todas as janelas de Configurações da Galeria, aparecem as opções de alinhamento dos objetos, no caso, das imagens. Clique aqui para ver detalhes. Assim como também temos as opções de “Trocar Estilo”, em breve estudaremos mais a fundo este recurso.