> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tangerinelearning.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Imágenes y galerías

> Bloques de imagen individual, imagen con texto, carrusel y galerías en columnas

## Descripción

Los bloques de imagen combinan una imagen con su **texto alternativo** y un **pie de imagen** opcional. Las imágenes se eligen desde **Buscar en la biblioteca** (contenidos de la editorial) o **Subir archivo**, que crea un contenido nuevo en la biblioteca.

Por defecto, el alumno puede **ampliar** cualquier imagen pulsándola. Esta opción se desactiva en la pestaña **Opciones** del bloque.

***

## Imágenes

> [tab] Imagen centrada
>
> Imagen con pie, centrada en la página. **Tamaño del contenido** (5%–100%) ajusta su ancho.
>
> ![Imagen centrada con su pie de imagen debajo](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/bloques/imagen-centrada.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=db54e5cb82d461529f17447d8595c986)

> [tab] Imagen pantalla completa
>
> Imagen a todo el ancho de la pantalla, sin márgenes laterales. Funciona bien como apertura visual de un apartado.
>
> ![Imagen que ocupa todo el ancho de la pantalla](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/bloques/imagen-pantalla-completa.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=f486642a7029b0a22640eeb8825adda3)

> [tab] Imagen y texto
>
> Imagen con un texto al lado. **Posición de la imagen** la coloca a la izquierda o a la derecha, y **Tamaño del contenido** reparte el espacio entre imagen y texto.
>
> ![Bloque Imagen y texto con la fotografía a la izquierda y el párrafo a la derecha](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/bloques/imagen-y-texto.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=66ca2d023173300459446f0e4c680848)

> [tab] Texto en imagen
>
> Texto superpuesto a una imagen de fondo, con un velo oscuro que garantiza la legibilidad. El texto se edita directamente sobre el bloque.
>
> ![Banda con la frase Los números están en todas partes sobre una imagen de fondo oscurecida](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/bloques/texto-en-imagen.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=aaa6a2a3e67b0cc009784c7fb33ebd1e)

### Panel de edición

![Panel del bloque Imagen y texto con los campos Texto, Imagen, Texto alternativo y Pie de imagen](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/bloques/panel-imagen-texto.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=227d1a903413d7a1fe3367fc36101a76)

| Campo | Descripción |
| - | - |
| **Texto** | Solo en *Imagen y texto* |
| **Imagen** | **Buscar en la biblioteca** o **Subir archivo** |
| **Texto alternativo** | Descripción de la imagen para lectores de pantalla |
| **Pie de imagen** | Texto que acompaña a la imagen |

***

## Galerías

### Carrusel

Diapositivas que el alumno recorre con flechas o puntos de navegación, en bucle. Cada diapositiva puede ser una **imagen, un vídeo, un audio o un embebido**, con su propio pie y tamaño. Al cambiar de diapositiva, el vídeo o audio en reproducción se pausa.

![Carrusel con una imagen central, flechas laterales y puntos de navegación](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/bloques/carrusel.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=042347678426e4c608151dc645728d2c)

En el panel, las diapositivas se añaden con **Añadir media**, se reordenan arrastrando o con flechas y se borran individualmente.

![Panel del carrusel con la lista de diapositivas, el selector de medio, el texto alternativo, el pie y el tamaño del contenido](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/bloques/panel-carrusel.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=42d357e8206e92c6258d35bce22408f1)

### Dos, tres y cuatro columnas

Cuadrícula de imágenes con su pie. Cada variante parte con tantas imágenes como columnas; en el panel se añaden más con **Añadir imagen** y se reordenan o borran individualmente.

![Galerías de dos, tres y cuatro columnas con fotografías](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/bloques/galerias-columnas.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=4149a20bc024364e2c9de430f307c7fa)

***

## Situaciones especiales

> [accordion] ¿Dónde se guardan las imágenes subidas?
>
> **Subir archivo** crea un contenido en la biblioteca de la editorial, de modo que la imagen queda disponible para reutilizarla en otras páginas con **Buscar en la biblioteca**.

> [accordion] Si cambio una imagen en la biblioteca, ¿se actualiza en la página?
>
> Las páginas enlazan el contenido de la biblioteca, por lo que un cambio en el archivo original puede afectar a todas las páginas que lo usan. El sistema avisa de ello al abrir el contenido desde el editor.

> [accordion] ¿Cómo convierto una imagen en una galería?
>
> Con **Sustituir por bloque compatible**: las imágenes y las galerías son intercambiables entre sí.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.