Como criar um Carrossel de Imagens


Apresente suas imagens de uma forma atraente com facilidade. Os autores só precisam fazer o upload das imagens e fornecer textos alternativos para as imagens.

As próximas duas imagens são sempre pré-carregadas, portanto, alternar entre as imagens geralmente será rápido, sem demora para carregar a próxima imagem.

As imagens podem ser exibidas como parte da página ou no modo de tela inteira. Quando usado como parte da página, o sistema escolhe uma proporção fixa dependendo das imagens que estão sendo usadas. Os autores podem decidir lidar com as relações de aspecto de maneira diferente.


Vale salientar que, caso o treinando esteja acessando a Plataforma LMS NEXT por um dispositivo móvel através do sistema Android ou iOS, precisa desativar a opção de "Janela pop-up" do navegador do dispositivo para visualizar algumas das atividades de um Treinamento e/ou Curso para o treinando. Pois, como configuração padrão do navegador Safari, vem bloqueado janelas de Pop-up, assim impedindo as atividades (funcionalidades) que envolvam o H5P de serem executadas ou até mesmo alguns SCORM. Portanto recomendamos o desbloqueio das janelas de Pop-up dos navegadores.

Veja como fazer esse processo nesses links: Safari | Chrome | Edge | Firefox


Para realizar a criação da atividade, siga os passos abaixo:

Passo 1. Para que seja possível editar os tópicos e inserir conteúdo nos mesmos, clique na opção "Modo de edição" situada no canto superior direito:

 

Passo 2. Logo após, com a edição ativada e com o tópico escolhido que irá alocar a atividade, clique em “Adicionar uma atividade ou recurso” e selecione a atividade "H5P":


Passo 3. Você será redirecionado à página de configuração e criação. Selecione a opção "Novo conteúdo" e escolha "Controle deslizante de imagem" na lista de tipos de conteúdo:


Passo 4. Em “Título”, defina um título para a sua tarefa:


Passo 5. Na aba “imagens”, você irá inserir a imagem escolhida. Adicione um título e um texto alternativo, que será exibido se o navegador não for capaz de carregar a imagem e também usado por leitores de tela. Opcionalmente, você poderá adicionar também um texto flutuante, que será exibido se o usuário colocar o ponteiro sobre a imagem:


Passo 6. Você poderá adicionar quantas imagens quiser, basta clicar no botão “Adicionar item”:


Passo 7. Proporção da tela – Defina a dimensão da sua área de tarefa (Automático significa proporção fixa determinada automaticamente com base nas imagens):


Passo 8. Sobreposição de texto e traduções - Aqui você pode editar configurações ou traduzir textos usados neste conteúdo:


Ficará desta forma a atividade de Controle deslizante de imagem:

Indicamos que utilize sites gratuitos disponíveis na internet para tratar suas imagens na questão de qualidade de criação, tamanho da imagem e espaço utilizado (kb ou Mb) antes de subir elas na plataforma LMS Next.

Dessa forma, irá garantir uma qualidade maior e eficiência ao carregar a imagem, trazendo uma melhor experiência para o treinando, segue algumas sugestões abaixo:

https://www.adobe.com/br/express/feature/image/resize

https://tinypng.com/

https://www.canva.com/pt_br/

https://www.nuvemshop.com.br/ferramentas/redimensionar-imagem


Atualizado em 16/05/2025