Tokyo - Componentes | Intercambiador de imágenes

Última modificación:

El "Intercambiador de imágenes" es un componente que muestra una imagen y, cuando el alumno hace clic sobre ella, muestra otra.

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 un destacado, un acordeón, una fila, etc.)

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

Este es un componente complejo que consta de dos imágenes en su interior. El componente y sus imágenes tienen propiedades específicas. Para configurarlo correctamente, debemos seleccionar cada elemento. Podremos hacerlo desde el camino de migas o desde la pestaña "Estructura".

Camino de migasPestaña "Estructura"

Proceso de configuración

1. Configura las "Propiedades" generales del componente.

2. Configura el contenido del componente "Instrucción" que se añade por defecto en la zona inferior. Si no se desea, se puede eliminar.

3. Selecciona la imagen superior y entra en la pestaña "Propiedades". Como mínimo se debe configurar en la propiedad "Recurso" pulsando "Examinar" para localizar y asociar una imagen de la carpeta de Recursos de la unidad (ver aquí). Opcionalmente, podremos configurar un "Texto alternativo", es decir, un texto que se visualizará al situar el ratón sobre la imagen o que se mostrará si la imagen no se puede cargar).

Adicionalmente, desde la pestaña "Añadir", se puede incorporar:.

  • 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 se sitúa en la zona inferior de 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í)

4. Selecciona la segunda imagen y repite el proceso. Esta segunda imagen también puede tener su propio "Pie de foto". Esto permite que, igual que mostramos una imagen diferente al hacer clic, también mostremos un texto asociado diferente.

Propiedades del Intercambiador 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.
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.

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