Adicionar um carrossel de imagens.

Aprender DXPR BuilderCriar páginasAdicionar conteúdosTexto e multimédia

Obtém uma apresentação que roda sozinha, com setas e pontos para os visitantes que quiserem navegar. Utilize-a para trabalhos de portefólio, galerias de fotografias ou um hero que mostra mais do que uma imagem.

Carrossel de imagens a mostrar imagens de blogue com setas de navegação

  1. Paire o cursor sobre a coluna e clique em + na barra de controlos, ou clique em Add Elements numa página vazia. Abra o separador Content e clique em Image carousel.
  2. Selecione as suas Images na mediateca e insira-as.
  3. Escolha o Interval entre diapositivos.
  4. Clique em Save no diálogo. Depois clique em Save na barra de ferramentas no topo da área de conteúdo para guardar a página.

O que vê

A apresentação roda no intervalo que escolheu, com setas dos lados e pontos por baixo. A primeira imagem aparece de imediato; as outras seguem-se pela ordem em que as inseriu.

Abra More > Settings no elemento. Opções:

  • Images: selecione ou carregue as imagens da apresentação através da mediateca.
  • Interval: tempo entre diapositivos em milissegundos; defina 0 para parar a rotação automática (predefinição: 5000).
  • Hide: assinale Hide pagination control para ocultar os indicadores de pontos por baixo dos diapositivos, ou Hide prev/next buttons para ocultar as setas esquerda e direita.
  • Alt attribute (painel SEO): texto alternativo para as imagens do carrossel.

Se não o vir

  • O Image carousel não está no separador Content. O seu perfil de utilizador oculta-o. Peça a um administrador para o ativar em User Profiles.
  • Desapareceu depois de recarregar. A página não foi guardada. Adicione-o novamente e clique em Save na barra de ferramentas no topo da área de conteúdo.
  • Só aparece uma imagem e nada roda. Foi inserida uma imagem, ou o Interval é 0. Adicione imagens ou defina um intervalo acima de 0.
  • Sem setas nem pontos. Hide prev/next buttons ou o Hide pagination control está assinalado em Hide. Desmarque-os nas definições.

E a seguir?

Separador Style para alterar o espaçamento e o fundo do seu carrossel de imagens.