Galerias

Utilize uma galeria de imagens para apresentar uma série de imagens. Pode optar entre permitir que as imagens sejam percorridas em ciclo automaticamente ou permitir que o utilizador avance pelas imagens manualmente.

Para acrescentar uma galeria de imagens à página:
  1. Navegue até à página que pretende editar e certifique-se de que comutador Editar está definido para Editar.
  2. Acrescente o componente à página. O componente de galeria mostra uma imagem de repositório de valores até selecionar as imagens que pretende utilizar.
  3. Para acrescentar uma ou várias imagens à galeria, clique no respetivo ícone de menu ícone Menu do Componente, escolha Definições e clique em Imagens no separador Geral.
  4. Clique em Acrescentar Imagens.
  5. Selecione uma ou mais imagens.

    Nota:

    A janela apresenta todos os ficheiros disponíveis. Deve escolher o tipo de ficheiro apropriado para o contexto. Por exemplo, se pretende escolher um ficheiro de imagem, deve selecionar um ficheiro com um formato de imagem válido (GIF, JPG, JPEG, PNG ou SVG).
    1. Localize e selecione as imagens que pretende utilizar.

      Se não visualizar nenhum ativo digital, clique em ícone filtro de Ativos e altere o filtro da coleção para Todas.

    2. Se tiver selecionado uma imagem a partir da pasta de documentos, pode ligar o ficheiro em vez de o copiar para o site. Para ligar ao ficheiro, selecione Utilizar uma referência ao ficheiro original em vez de copiar o ficheiro para o site. Se não selecionar esta opção, é armazenada uma cópia do ficheiro com o site que é referenciada a partir do site. A ligação ao ficheiro original evita a duplicação de conteúdo. A ligação permite aos visitantes do site verem o conteúdo mesmo que as permissões no ficheiro mudem ou restrinjam de alguma forma a visualização.
    3. Clique em OK.
    4. Se tiver selecionado um ativo digital, pode selecionar uma apresentação específica. Se não selecionar uma apresentação, será utilizado o tamanho original. Se pretender publicar a versão mais recente do ativo quando o site for publicado, selecione Utilizar a versão mais recente do ativo.
    As imagens selecionadas são acrescentadas à lista de imagens. Arraste e largue as imagens para as reordenar na lista. O título por omissão de cada imagem é o nome do ficheiro sem a extensão.
  6. Para alterar o título, a descrição ou outras opções de uma imagem em particular, clique na imagem na lista e efetue a alteração.
    Também pode associar uma ligação ou outras ações a uma imagem da galeria:
    1. No painel Definições de uma imagem em particular, clique no campo Ligação.
    2. Selecione uma das seguintes opções:
      • Sem Ligação: A imagem não executa qualquer ação quando o utilizador clica nela.

      • Página na Web: Especifique um URL completo para um site ou uma página externa e selecione onde abrir a ligação.

      • Página do Site: Utilize o seletor de páginas para selecionar uma página no site atual e selecione onde abrir a ligação. Pode especificar os parâmetros de URL adicionais no formato key1=value1&key2=value2. São suportados valores vazios, por exemplo, key1=&key2=value2. O utilizador pode também especificar uma âncora do URL, mas necessitará de acrescentar uma disposição da secção de Âncora especial no site da página do site de destino onde pretende que a ligação da âncora forneça uma resolução, e especificar o mesmo nome da âncora em definições da disposição que utilizou ao definir a ação do trigger.

        Nota:

        A disposição da secção Âncora necessária para utilizar âncoras de URL é distribuída pelo OCE Toolkit. Para mais informações sobre como obter o toolkit, consulte Programar com o OCE Toolkit.
      • Exportação do Ficheiro: Exportar um ficheiro selecionado do repositório. Selecione um ficheiro.

        Se selecionar um ativo digital, pode selecionar uma apresentação específica. Se não selecionar uma apresentação, será utilizado o tamanho original. Se pretender publicar a versão mais recente do ativo quando o site for publicado, selecione Utilizar a versão mais recente do ativo. Se não selecionar Utilizar a versão mais recente do ativo, a versão mais recente publicada é utilizada em vez da versão provisória mais recente, se existir.

      • Item de Conteúdo: Selecione um item de conteúdo de um repositório de ativos associado, escolha a página de detalhes que pretende apresentar e direcione a página de modo a abrir na mesma janela ou numa nova.

      • Correio Eletrónico: Especifique um endereço de correio eletrónico válido e opcionalmente um assunto. A mensagem resultante é aberta e enviada através do cliente de correio eletrónico por omissão.

      • Mapa: Introduza coordenadas ou um endereço válido e selecione onde pretende abrir o mapa no ambiente de trabalho e em browsers de dispositivos móveis.

      • Chamada telefónica: Introduza um número de telefone válido.

    3. Clique em Anterior para regressar ao painel de definições da imagem. Clique em Anterior novamente para regressar à lista de imagens a fim de selecionar outra imagem para atualização.
    4. Quando terminar a atualização de imagens individuais, clique em Anterior para especificar opções da galeria.
  7. Para dimensionar e ajustar a escala de imagens na galeria:
    1. Utilize a opção Largura para especificar a largura, em píxeis, da galeria no slot. Clique numa opção de alinhamento que não seja Preencher para especificar a largura. Depois de definir a largura, pode utilizar a opção Preencher para alargar a imagem até à largura especificada.
    2. Selecione uma opção de Ajustar Escala para ajustar a apresentação de imagens na galeria:
      • Recortar: A menor das duas dimensões (largura ou altura) é dimensionada de modo a ajustar-se ao espaço disponível e a dimensão maior é recortada para impedir o alongamento da imagem.

      • Ajustar: Cada imagem é dimensionada de modo a ajustar a totalidade da imagem no espaço disponível sem a distorcer.

      • Alongar: A maior das duas dimensões (largura ou altura) é dimensionada de modo a ajustar-se ao espaço disponível e a dimensão menor é alongada para preencher o espaço disponível.

      • Nenhum: A imagem é utilizada com a resolução de píxeis máxima e é recortada uniformemente se não couber no espaço disponível.

  8. Para ajudar o utilizador a deslocar-se na galeria:
    1. Selecione um método de Navegação:
      • Miniaturas: Mostrar uma lista das imagens na galeria, sequencialmente, por baixo da galeria. O utilizador clica numa imagem em miniatura para se deslocar para a imagem associada na galeria.

      • Indexador: Mostrar uma série de botões ícone Índice da Galeria por baixo da galeria para representar cada imagem na galeria. O utilizador clica num botão para se deslocar para a imagem associada na galeria.

      • Nenhuma: Não disponibilizar qualquer navegação visual. O utilizador pode deslizar o dedo para a direita ou esquerda para apresentar a imagem adjacente. Este método manual está sempre disponível.

    2. Clique em Mostrar Anterior/Seguinte para incluir ícones de seta em cada imagem para avançar para a imagem anterior ou seguinte na galeria.
  9. Pode optar por mostrar ou ocultar uma legenda para a imagem selecionando a caixa Mostrar Legenda.
  10. Para que as imagens da galeria sejam percorridas em ciclo automaticamente, selecione Reproduzir Automaticamente e especifique Tempo de Transição e Tempo de Apresentação.
    O utilizador pode ainda assim utilizar todas as funcionalidades de navegação manual que tiverem sido configuradas por si.