Image hotspots te permite colocar zonas interactivas sobre imágenes y gráficos. Al hacer click sobre los puntos, aparecerá un texto, imagen o vídeo. Con esta actividad puedes crear infografías interactivas atrayentes de forma rápida sin depender de terceras aplicaciones.
Paso 1. Crea una actividad de Image Hotspots
Selecciona la opción Nuevo contenido y elije Image Hotspots de la lista de tipos de contenido:
Paso 2: Editor de Image Hotspots
La parte superior del editor se ve así:
Paso 3. Imagen de fondo
Ten en cuenta dos cosas al seleccionar una imagen de fondo:
- La imagen se escalará (proporcionalmente) para ajustarse al ancho máximo del contenedor en el que se coloca.
- Es posible ver los puntos de acceso de la imagen en pantalla completa.
Por lo tanto, elije una imagen con una resolución adecuada.
Paso 4. Iconos y Color
Elige el tipo de icono que quieres que aparezca y el color del mismo.
Puedes elegir de la lista de iconos predefinidos o cargar un icono personalizado:
Paso 5. Crea un punto de acceso
Cada punto de acceso tiene los siguientes atributos:
- Encabezamiento
- Posición del punto de acceso
- Contenido emergente
Puedes agregar tantos puntos de acceso como desees.
El encabezado es el título del punto de acceso y se revelará cuando el usuario haga click en el botón.
Haz clic en cualquier parte de la imagen donde desees establecer un punto de acceso. Aparecerá el círculo verde para indicar la posición de un nuevo punto de acceso. El punto de acceso se puede cambiar de posición haciendo clic nuevamente en un lugar diferente de la imagen.
El contenido emergente puede ser:
- Texto
- vídeo
- Imagen
Paso 6. Terminando
Presiona el botón Agregar punto de acceso para agregar los puntos de acceso que necesites
Recuerda siempre guardar la actividad.