O Image Slider pode ser usado para apresentar imagens de uma forma atraente. As imagens aparecem em um carrossel com setas de navegação em cada lado.

Neste tutorial, você aprenderá:

• Quando usar um controle deslizante de imagem
• Como criar um controle deslizante de imagem

Etapa 1: Tópico
Neste exemplo, vamos criar um controle deslizante de imagens de alimentos.

Antes de começar, salve cada uma dessas imagens em seu computador. Para fazer isso, clique com o botão direito em cada imagem e escolha “Salvar imagem como …”

Agora, quando tivermos todas as imagens preparadas, podemos prosseguir com a criação de conteúdo.

Etapa 2: Criação de um controle deslizante de imagem
Selecione a opção Novo conteúdo e escolha o controle deslizante de imagem na lista de tipos de conteúdo:

Etapa 3: editor de controle deslizante de imagem
O editor Image Slider deve aparecer agora. O editor deve ser parecido com isto:

Neste tutorial, vamos nos concentrar na criação do conteúdo do Image Slider usando o exemplo acima.

Etapa 4: Criação de conteúdo
Na seção “Imagens” clique em “Adicionar imagem” e envie sua primeira imagem. Para “Texto alternativo”, escreva a descrição da imagem, por exemplo, “Mesa com comida tailandesa”. Você deve obter algo assim:

Para adicionar a próxima imagem, clique no botão “Adicionar item”. Repita o mesmo processo para o resto. No final, você deve ter 4 grupos na seção “Imagens”.

Por último salve e publique a atividade no botão de “Criar”, localizado na parte superior a direita da página. Assim, você irá ver sua atividade interativa finalizada.
Agora você deve ter o mesmo resultado do exemplo referido no topo da página.