Adicionar um letreiro animado.

Aprender DXPR BuilderCriar páginasAdicionar conteúdosDados e movimento

Obtém uma faixa de imagens que atravessa a página num ciclo contínuo. Utilize-a para logótipos de parceiros, montra de clientes ou desfile de marcas onde uma fila estática ocuparia demasiado espaço.

Elemento de letreiro animado a mostrar logótipos Logoipsum em deslocamento a tons de cinzento

Adicionar um letreiro animado

  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 Marquee.
  2. Limpe as Images de exemplo, depois selecione os seus logótipos na mediateca e insira-os.
  3. Defina a Height para que todos os logótipos fiquem alinhados.
  4. Escolha a Speed; mais devagar lê-se melhor para logótipos.
  5. Ligue Gray scale para um aspeto calmo e uniforme.
  6. Ligue Fade edges para suavizar a entrada e saída dos logótipos.
  7. 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ê

Os seus logótipos atravessam a página num ciclo contínuo, todos com a mesma altura, a cinzento, a aparecer e desaparecer nas margens. Pairar o cursor sobre a faixa pausa-a para os visitantes verem mais de perto.

Configurar o letreiro animado

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

  • Images: as imagens da faixa. Selecione na mediateca ou cole URLs.
  • Speed: velocidade de deslocamento de 1 (mais devagar) a 5 (mais depressa); predefinição: 3.
  • Height: altura das imagens em píxeis, de 10 a 200 (predefinição: 50).
  • Image layout: como as imagens são dimensionadas: Fixed height images ou Fixed width images.
  • Gray scale: mostra todas as imagens a tons de cinzento.
  • Fade edges: adiciona um efeito de esbatimento nas margens esquerda e direita.

Se não o vir

  • O Marquee 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.
  • A faixa está vazia. As imagens de exemplo foram limpas e não foram inseridas nenhumas. Abra More > Settings e adicione imagens.
  • Os logótipos têm tamanhos diferentes. Image layout está em Fixed width images. Escolha Fixed height images e defina a Height uma vez para todos.
  • A faixa não se move. Algo na página paira sobre ela, ou a Speed é 1 numa faixa curta. Afaste o ponteiro e adicione imagens ou velocidade.

E a seguir?

Separador Style para alterar o espaçamento e o fundo do seu letreiro animado.