Galeria de Fotografias

Este serviço destina-se a utilizadores que pretendem apresentar um conjunto de fotografias numa estrutura dinâmica e funcional a que normalmente chamamos de album ou galeria. Esta aplicação em HTML5, compatível com todos os dispositivos e browsers, permite a visualização rápida das fotografias em tamanho reduzido (thumbnails) e normal. O utilizador pode deslocar para a esquerda e para a direita a lista de fotografias thumbnails ampliando apenas as que deseja. Junto com a fotografia pode, opcionalmente, ser apresentada uma descrição complementar que aparece no rodapé da imagem.

Configurações Gerais da Galeria

Campos com a configuração geral da Galeria. É aqui que define as características de como vai funcionar a Galeria. Em baixo apresentamos uma explicação dos campos do formulário:

Comprimento e Altura: Medida em pixeis da fotografia seleccionada (ver imagem ao lado)

Transparência: Índice que varia entre 0 e 1, sendo 1 opaco e 0 transparente, onde por exemplo 0.5 significa 50% de transparência. Este valor representa o nível inicial de transparencia das imagens mais pequenas (Thumbnails). Quando o rato lhes passa por cima a imagem fica completamente opaca.

Fundo: Cor de fundo da galeria

Velocidade: Valor que representa o tempo em ms que demora o efeito de transição entre fotografias. Quanto menor o tempo maior será a velocidade de transição.

Botões: Botões sobre a imagem e ao lado dos Thumbnails que permite deslocar manualmente para a imagem anterior e seguinte.

Configuração do Slideshow

Transição: Seleccione um dos vários efeitos de transição

Slide Activo: Activa a função de slideshow aparecendo o link play e stop por baixo da fotografia seleccionada

Automático: Se seleccionado a galeria abre em modo slide activo, ou seja, as fotografias vão alternando automaticamente sem intervenção do utilizador.

Tempo: Tempo de transição automática, aparece uma contagem decrescente no final da qual a imagem muda automaticamente quando o slide está em automático

Nome Play e Stop: Personalização dos links de slide.

Pastas

Nesta solução pode ter as fotografias organizadas por pastas. Cada album ou galeria representa uma pasta. Isso significa que pode ter no seu site várias páginas com galerias. Nesta opção cria apenas as pastas que necessita para inserir as suas fotografias.

Fotografias

É nesta opção que faz a gestão das fotografias da galeria. No campo superior esquerdo tem o campo que permite seleccionar a pasta que quer visualizar e do lado direito tem os botões Adicionar Foto e Adicionar Pasta. Ao clicar em Adicionar Foto irá aparecer um formulário onde insere a fotografia e os dados que lhe estão associados. Na página principal desta opção, onde aparece a listagem de fotografias por pasta, poderá a qualquer momento editar estes dados bem como remover a fotografia. Os três elementos que aparecem por baixo de cada fotografia são o botão apagar, editar e o campo com a posição. A posição da fotografia na sequencia de imagens da galeria pode ser directamente alterada na listagem, só tem que numerar as imagens pela ordem que pretende e clicar no botão Guardar que aparece em baixo no canto inferior direito.

Inserir a Galeria no Site

As galerias podem ser inseridas numa qualquer página de conteúdos do site. Basta para isso criar ou editar a página onde quer que a galeria apareça, ir ao campo onde insere os conteúdos da página que tem os botões de edição e configuração de texto, e clicar no botão Iframe (ver imagem em baixo)

Na janela que abre deve preencher pelo menos três campos, Largura, Altura e URL. Na largura deve colocar o comprimento da imagem seleccionada, que definiu nas opções gerais e que pode ver na imagem em cima, mais 60 pixeis correspondente ao bordo da galeria. No nosso exemplo a imagem tem 800x600 logo na largura da iframe deve colocar 860 pixeis. Na altura deve colocar a altura da fotografia seleccionada mais 200 pixeis correspondentes ao bordo e ás imagens thumbnails em baixo.Logo no nosso exemplo deveria colocar na altura 600+200 ou seja 800 pixeis. No campo url deve colocar no Plano Standard album.php?pasta=[referencia da pasta], por exemplo se a referência da pasta que quer apresentar na galeria é 1 o url deveria ser album.php?pasta=1 e no Plano e-Commerce deve colocar ../info/album.php?pasta=[referencia da pasta]

No caso de pretender ter o album compatível com a versão Mobile deve ainda na caixa de configuração da Iframe entrar no separador Avançado e no campo Estilo colocar max-width:95%