Widget Controle deslizante de imagem

• Para saber como criar um controle deslizante de imagem como plano de fundo, consulte Controle deslizante de imagem de fundo.
• Para mais informações sobre como adicionar imagens premium ao seu site, consulte Adicionar imagens premium (imagens do Shutterstock).

Editor de conteúdo

Para acessar o editor de conteúdo, clique com o botão direito do mouse no widget e clique em Editar Conteúdo.

Adicionar Imagens

Para adicionar uma imagem ao controle deslizante, clique em Adicionar imagem ou clique em um ponto em branco na imagem. Isso abrirá o seletor de imagens. Você tem as seguintes opções:

• Selecione a pasta com as imagens que deseja usar.
• Clique no ícone + para carregar sua própria imagem.
• Clique em Visualização completa para mais opções de imagem.

Remover imagens

No Editor de Conteúdo, clique no X cinza no canto superior da miniatura da imagem para excluí-la.

Configurações de imagem/slide

Para selecionar uma imagem/slide existente, clique na aba Conteúdo do editor de conteúdo. Abra as Configurações de imagem para editar o conteúdo dos slides.

Você tem as seguintes opções extras nas Configurações de imagem:

• Adicionar link ao slide. A imagem inteira vira um botão que pode conter um link.
• Título do controle deslizante. Adiciona um texto grande à imagem do controle deslizante. Oculte o título clicando no ícone de olho (aplica-se somente a essa imagem/slide).
• Legenda do controle deslizante. Adiciona um texto menor à imagem do controle deslizante abaixo do texto do título. Use o editor de texto para adicionar cor, ênfase (negrito, itálico e sublinhado) e marcadores ao texto na caixa de legenda. Oculte a legenda clicando no ícone de olho (aplica-se somente a essa imagem/slide).
• O botão. Adiciona um botão à imagem do controle deslizante que pode ser vinculada com um widget de botão. Oculte o botão clicando no ícone de olho (aplica-se somente a essa imagem/slide).
• Texto alternativo. Adiciona um texto alternativo por motivos de SEO ou quando a imagem não pode ser exibida. Você pode digitar seu próprio texto alternativo ou clicar no ícone Sparkle () para usar o assistente de IA e gerar o texto alternativo. Repita o procedimento para cada imagem individual no controle deslizante de imagem. O ícone Sparkle será desativado se uma imagem não for selecionada.
  • Nota

    É necessário ter um plano Team ou superior e ter permissões de IA para usar o assistente de IA.

    O texto alternativo gerado pelo assistente de IA está no mesmo idioma que o idioma atual da página.

Edite e substitua uma imagem

• Para abrir o seletor de imagens e selecionar uma imagem diferente, clique em Substituir.
• Para abrir o editor de imagens embutido para adicionar recursos e estilos a uma imagem, clique em Editar.

Editor de design

Para acessar o editor de design, clique com o botão direito do mouse no widget e clique em Editar Design.

Layout

Para visualizar as opções de layout e alterar o layout, clique na miniatura.

Transição

No editor de design, role até a transição e configure o seguinte:

• Transição do controle deslizante. Selecione Desaparecer ou Deslizar.
• Reprodução automática.
• Velocidade da apresentação de slides. Mova o controle deslizante para selecionar uma velocidade entre 1 e 20 segundos.
• Pausar a apresentação de slides ao passar o mouse.
• Animação de conteúdo. Selecione uma animação na lista suspensa.

Exibir imagens completas

Quando as imagens são adicionadas ao controle deslizante, elas não são exibidas em suas dimensões naturais. As imagens são exibidas de forma a preencher as dimensões do controle deslizante, portanto, podem ficar esticadas ou borradas. Para exibir imagens em suas dimensões naturais, no editor de design, clique em Quadroe, em seguida, clique na alternância Exibir imagem completa.

Para informações sobre opções de design que não são específicos a este widget (como layout, estilo ou espaçamento), consulte Design de widget.