Comparador de imágenes (Image Juxtaposition)
El tipo de contenido Comparador de imágenes muestra una comparación de antes y después con exactamente dos imágenes generadas, reveladas con un deslizador arrastrable. La IA genera ambas imágenes, sus etiquetas y textos alternativos, y configura el deslizador a partir del prompt del docente.
Configuración generada por la IA
| Setting | Description | Possible values | Default |
|---|---|---|---|
| Número de imágenes | Cuántas imágenes contiene la comparación. | Exactamente 2 — el tipo solo admite un antes y un después | 2 |
| Orientación del deslizador | La dirección en la que se mueve el deslizador. | Horizontal / Vertical | Horizontal, salvo que el prompt pida vertical |
| Posición inicial del deslizador | Dónde queda el deslizador al cargar la actividad. | 0 a 100 | 50 (centrado) |
| Etiquetas de las imágenes | La etiqueta de cada imagen (p. ej. el antes y el después). | Texto correctamente asignado a su imagen | Derivadas del prompt |
| Textos alternativos | El texto alternativo de cada imagen. | Texto que describe la imagen | Generados para ambas imágenes |
Contenido generado
- Exactamente dos imágenes generadas: el antes y el después del contraste que se enseña.
- Una etiqueta por imagen, correctamente asignada al estado que representa.
- Un texto alternativo por imagen.
- Un deslizador de comparación en la orientación y posición inicial pedidas.
Cuando se sube un sílabo o documento fuente, el contraste representado y las etiquetas salen estrictamente de él, con términos y conceptos rastreables al documento y sin material inventado.
Reglas y comportamiento
- Ambas imágenes son indispensables para este tipo: se generan incluso con la opción "Generar imágenes" desactivada. Es el comportamiento por diseño, no un fallo.
- Ambas imágenes son obligatorias: si cualquiera falla al generarse, la generación se reintenta.
- El tipo solo admite dos imágenes. Un pedido de más (p. ej. tres estados de un glaciar) se resuelve comparando exactamente dos de ellos — por ejemplo el más antiguo y el actual — sin que falle la generación.
- La posición inicial del deslizador puede desplazarse del centro (rango documentado de 0 a 100, con 50 por defecto), por ejemplo para que uno de los dos estados ocupe la mayor parte de la vista al cargar la actividad.
Prompts de ejemplo
Sin sílabo
Una comparación horizontal de antes y después con dos imágenes generadas, cada una con su etiqueta y texto alternativo:
Necesito un comparador de imágenes H5P para el curso de urbanismo que muestre una plaza céntrica antes y después de su peatonalización: primero llena de autos y luego convertida en espacio peatonal con arbolado. Con el deslizador en horizontal.
Una comparación cuyo deslizador arranca cerca del borde para que el estado deteriorado ocupe la mayor parte de la vista inicial:
Quiero un comparador de imágenes H5P de restauración de arte: un fresco deteriorado y el mismo fresco restaurado. Que al abrirse la actividad se vea casi todo el fresco deteriorado, con el deslizador cerca del borde.
Con sílabo
Una comparación con deslizador vertical de las dos situaciones que contrasta el tema 2 del documento subido:
Prepara un comparador de imágenes H5P que contraste las dos situaciones que compara el tema 2 del documento que subí. Quiero que el deslizador se mueva en vertical.
Un pedido de tres etapas que el tipo resuelve con exactamente dos imágenes sin fallar:
Hazme un comparador de imágenes H5P con tres etapas del proceso que desarrolla el documento completo que subí: la inicial, la intermedia y la final.