Tokyo - Componentes | Imagen

Última modificación:

El componente "Imagen" permite insertar una imagen en el contenido.

Por defecto, la imagen 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".

Componentes internos

Una imagen puede albergar en su interior dos componentes:

  • Instrucción, que se sitúa en la parte superior de la imagen.
  • 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í)

Propiedades de la imagen

PROPIEDADDESCRIPCIÓN
TítuloTexto descriptivo de la imagen. Se mostrará cuando el usuario sitúe el ratón sobre la imagen.
Texto alternativoTexto descriptivo de la imagen. Se mostrará cuando el usuario sitúe el ratón sobre la imagen o, en caso de que ésta no se cargue, se verá este texto en su lugar.
RecursoFichero de imagen que se visualizará. Pulsaremos "Examinar" para acceder a la carpeta de Recursos de la unidad (ver aquí del manual de editor) y seleccionar en ella la imagen deseada. Se admiten imágenes con formato jpeg, png y gif.
Enlace a popupPermite convertir la imagen un elemento interactivo, enlazándola a un popup (Ver cómo crear y gestonar popups en el aquí del manual de editor). Esta propiedad es excluyente con respecto a las propiedades "Enlace a recurso" y "Enlace externo", es decir, si se enlaza la imagen a un popup, no podrá enlazarse al mismo tiempo a, por ejemplo, un recurso.
Enlace a recursoPermite enlazar la imagen a un fichero PDF o ZIP. Pulsaremos "Examinar" para acceder a la carpeta de Recursos de la unidad (ver aquí del manual de editor) y seleccionar en ella el fichero que se desea enlazar. Esta propiedad es excluyente con respecto a las propiedades "Enlace a popup" y "Enlace externo", es decir, si se enlaza la imagen a un recurso, no podrá enlazarse al mismo tiempo a, por ejemplo, un popup.
Enlace externoPermite enlazar la imagen a una url Esta propiedad es excluyente con respecto a las propiedades "Enlace a popup"y "Enlace a recurso", es decir, si se enlaza la imagen a una web no podrá enlazarse al mismo tiempo a, por ejemplo, un popup.
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.

Flotar

Permite que la imagen quede "enmarcada" 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 flotada la imagen (a la izquierda o la derecha del texto).
  3. Movemos la imagen con sus flechas para colocarla sobre el texto.
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%.
Posición icono de ventana emergente

Cuando una imagen se enlaza a algún elemento utilizando las propiedades "Enlace a popup", "Enlace a recurso" o "Enlace externo", se agrega automáticamente un icono que muestra al alumno que debe hacer clic en la imagen.

Con esta propiedad podemos decidir en qué posición aparecerá el icono (superior derecha, superior izquierda, inferior derecha, inferior izquierda)

Icono de enlace (40x40)

Esta propiedad permite sustituir el icono actual que se muestra cuando la imagen es interactiva.

El nuevo icono deberá tener un tamaño máximo de 40x40 píxeles y se recomienda que sea un fichero png con fondo transparente, para que se ajuste bien a la imagen.

Habilitar pantalla completaEsta propiedad permite decidir si es imagen se muestra o no a pantalla completa al hacer clic sobre ellas (está diseñado así para facilitar su visualización en terminales móviles).
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 pulsar sobre la imagen para superar el objetivo.

Recuerda: esta funcionalidad solo tiene utilidad si la imagen es interactiva, es decir, que al pulsarla se abre un popup, un documento o una página web.


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