Adicione um widget controle deslizante de imagem para exibir um conjunto de imagens uma após outra em uma linha ou coluna. Você pode adicionar várias imagens como em um apresentador de slides. Em vez de ter vários widgets de imagem bagunçando suas linhas e colunas, use um único widget de controle deslizante de imagem.
Agrupar todas as suas fotos em um widget é útil e economiza muito espaço. Entretanto, determinados casos exigem apenas uma imagem. Você pode precisar, por exemplo, de um parágrafo que explique uma única imagem e que não pode ser incluído em um grupo de imagens no controle deslizante da imagem. Para saber mais sobre o widget de imagem, consulte widget de imagem .
- Para saber como criar um controle deslizante de imagem como plano de fundo, consulte Controle deslizante de imagem de fundo.
Para adicionar o widget do controle deslizante de imagem:
- No painel esquerdo, clique em Widgets s.
- Clique e arraste o widget para o seu site.
Veja mais informações sobre como adicionar widgets ao seu site em Adicionar widgets.
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
Para selecionar uma imagem existente, clique na aba Conteúdo do editor de conteúdo. As Configurações da imagem se abrirão.
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.
- 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.
- O botão. Adiciona um botão à imagem do controle deslizante que pode ser vinculada com um widget de botão.
- Texto Alt. Adiciona um texto alternativo por motivos de SEO ou quando a imagem não pode ser mostrada.
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.
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 obter informações sobre opções de design que não são específicas para este widget (por exemplo, layout, estilo ou espaçamento), consulte Design de widget.