O componente principal do carrossel permite que o autor do conteúdo apresente conteúdo em um carrossel navegável.
Usando o componente carrossel, o autor do conteúdo para organizar o conteúdo em um carrossel rotativo de slides.
A caixa de diálogo edit permite que o autor do conteúdo crie, nomeie e solicite vários slides, bem como ativar a transição automática com atraso. Usando a caixa de diálogo design, o autor do modelo pode definir quais componentes podem ser adicionados ao carrossel, ativar ou desativar transições automáticas e personalizar os estilos.
A versão atual do componente carrossel é a v1, que foi introduzida com a versão 2.2.0 dos componentes principais em outubro de 2018 e é descrita neste documento.
A tabela a seguir detalha todas as versões compatíveis do componente, as versões AEM com as quais as versões do componente são compatíveis e os links para a documentação de versões anteriores.
Versão do componente | AEM 6.4 | AEM 6.5 | AEM as a Cloud Service |
---|---|---|---|
v1 | Compatível | Compatível | Compatível |
Para obter mais informações sobre versões e versões dos Componentes principais, consulte o documento Versões dos componentes principais.
Para experimentar o componente do carrossel e ver exemplos de suas opções de configuração, bem como a saída HTML e JSON, visite a Biblioteca de componentes.
A documentação técnica mais recente sobre o componente do carrossel pode ser encontrada no GitHub.
Para obter mais detalhes sobre o desenvolvimento dos Componentes principais, consulte a documentação do desenvolvedor dos Componentes principais.
A caixa de diálogo de edição permite que o autor do conteúdo adicione, renomeie e reorganize slides, além de definir as configurações de transição automática.
Use o botão Adicionar para abrir o seletor de componentes e escolher qual componente adicionar como guia. Depois de adicionada, uma entrada é adicionada à lista, que contém as seguintes colunas:
Se o visor da página for reduzido para que a caixa de diálogo de edição se torne tela cheia, o botão Adicionar ficará oculto. Os componentes ainda podem ser adicionados ao componente do carrossel ao arrastar do navegador de componentes e soltar no componente do carrossel no editor de página.
Na guia Propriedades, o autor do conteúdo pode definir os slides para transição automática.
Os controles de avanço do slide não são ativados quando estão no modo Editar. Use a opção modo de Pré-visualização ou Visualização como Publicado para interagir com o carrossel como um leitor do conteúdo publicado.
O recurso de avanço automático não é ativado quando está no modo Editar. Use a opção Visualização como Publicado para ver o recurso de avanço automático como um leitor do conteúdo publicado.
Na guia Acessibilidade, os valores podem ser definidos para os rótulos ARIA accessibility do componente.
O autor do conteúdo pode usar a opção Selecionar painel na barra de ferramentas do componente para alterar para um slide diferente para edição, bem como para reorganizar facilmente a ordem dos slides.
Depois de selecionar a opção Selecionar painel na barra de ferramentas do componente, os slides configurados são exibidos como um menu suspenso.
A caixa de diálogo de design permite que o autor do modelo defina quais componentes podem ser adicionados como slides ao componente do carrossel, bem como definir padrões de transição automática e quais estilos personalizados estão disponíveis para o autor do conteúdo.
A guia Propriedades é usada para definir as configurações padrão para as transições do slide quando um autor de conteúdo adiciona o componente carrossel a uma página.
A guia Componentes permitidos é usada para definir quais componentes podem ser adicionados como slides ao Componente do carrossel pelo autor do conteúdo.
A guia Componentes permitidos funciona da mesma maneira que a guia do mesmo nome quando define a política e as propriedades de um Container de layout no Editor de modelos.
O componente carrossel suporta o AEM Sistema de estilo.
O componente carrossel suporta a Camada de Dados do Cliente Adobe.