Tokyo - Componentes | Galería de imágenes

Última modificación:

La "Galería de imágenes" es un componente que muestra una o varias imágenes con la posibilidad de añadir a cada una de ellas su correspondiente texto explicativo en pie de foto.

Por defecto, se añade dentro de las pantallas (Ver aquí) aunque también se podrá añadir en el interior de otros componentes(por ejemplo, dentro de una fila, etc.).

Encontraremos este componente en el grupo de componentes "Imagen".


Existen dos estilos de galería de imágenes: 

  1. Estilo 1. Los botones de avance y retroceso entre imágenes están incorporados dentro de la imagen.
  2. Estilo 2. Los botones de avance y retroceso están fuera de la imagen. Se puede añadir un borde de color enmarcando el componente o no. 
  3. Estilo 3. Los botones de avance y retroceso están fuera de la imagen. Se puede añadir una imagen de fondo para la galería. Se puede reducir el tamaño de las imágenes y colocarlas al centro, a la derecha o a la izquierda. 

Proceso de configuración

1. Por defecto, cuando añadimos la "Galería de imágenes" el componente se crea con dos imágenes. Puedes añadir más pulsando en el botón "Imagen" dentro de la pestaña "Añadir".

2. Entra en la pestaña "Propiedades" y configura las propiedades de la galería.

3. Haz clic sobre cada una de las imágenes y accede a la pestaña "Propiedades". En la propiedad"Recurso" pulsa "Examinar" para localizar y asociar una imagen de la carpeta de Recursos de la unidad (ver aquí). Opcionalmente, configura el resto de propiedades de cada una de las imágenes de la galería (ver aquí para revisar las propiedades de las imágenes).

4. Opcionalmente, accede a la pestaña "Añadir" donde podrás añadir dos componentes:

  • Créditos, que cuentan con propiedades específicas para definir su color y su posición en la imagen (arriba, abajo, derecha, izquierda...)
  • Pie de foto, que acompaña a la imagen. Este componente cuenta con propiedades especificas que también tiene el componente "Texto". (Para conocer el comportamiento de estas propiedades, visita el aquí)

Propiedades de la galería de imágenes

PROPIEDADDESCRIPCIÓN
Ancho

Permite modificar el espacio que ocupa el componente dentro de la columna central de contenidos. Por defecto, ocupa el 100% del espacio disponible, pero puede reducirse utilizando otros porcentajes predefinidos o puede disponerse a "full-size". En algunos estilos de las citas, el tamaño "Full" hace que ésta sobrepase al ancho de la columna central.

AlinearPermite situar el componente alineado a la derecha, a la izquierda o al centro de la columna central de contenidos. Solo tiene efecto cuando aplicamos un "Ancho" menor al 100%.
Flotar

Permite que el componente quede "enmarcado" en torno a un texto.

  1. Primero, en la propiedad "Ancho", marcamos un tamaño menor al 100% (por ejemplo, el 25%).
  2. En la propiedad "Flotar" decidimos en qué posición queremos que quede flotado el componente (a la izquierda o la derecha del texto).
  3. Movemos el componente con sus flechas para colocarlo sobre el texto.
Posición del pie de fotoPermite decidir si el pie de foto de las imágenes se sitúa en la zona superior o inferior de la galería. 
Mostrar bordePropiedad disponible en la galería con estilo 2. Permite mostrar un borde que enmarca todo el componente. El borde tendrá el color principal de la unidad. 
Imagen de fondoPropiedad disponible en la galería con estilo 3. Permite añadir una imagen de fondo para la galería. 
Mostrar bullets de navegaciónPermite mostrar u ocultar los bullets inferiores de navegación entre imágenes. 
Superar objetivo

Permite modificar la configuración de la superación de objetivos de este componente concreto, haciendo que se comporte de forma diferente a la configuración general establecida. Podemos elegir entre:

  • Heredado: aplica el valor por defecto que se haya definido en la zona de configuración de objetivos de la unidad (Ver aquí).
  • No es objetivo: el componente no será un objetivo a superar para finalizar la unidad.
  • Interactuar: es necesario interactuar con el componente para superar el objetivo.
  • Completar: es necesario visitar todas las imágenes de la galería para superar el objetivo.


¿Le resulta útil este artículo?
© 2021 Netex Knowledge Factory. Todos los derechos reservados. Aviso Legal | Política de Privacidad | Política de Cookies.