Componentes | Carrusel

Última modificación:

El "Carrusel" es un componente que nos muestra imágenes, audios o vídeos. El funcionamiento es muy parecido al de la "Galería de imágenes", con la diferencia de que en este componente podemos añadir diferentes tipos de recursos y no solo imágenes.

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 "Multimedia".

Proceso de configuración

1. En la pestaña "Añadir" incluiremos los recursos a través de los botones correspondientes: "Imagen", "Video", "Audio", "Animación externa", o "educaPlay".

2. En la pestaña "Propiedades" configuraremos las características de nuestro carrusel.

3. Haz clic en cada uno de los recursos y en la pestaña de "Propiedades" configura cada uno de ellos. Recuerda que deberás darle un título a cada componente para que después se visualice al hacer rollover sobre su miniatura.

4. Cada elemento del carrusel puede tener un Pie de foto. Para añadirlo, mantén seleccionado ese recurso, accede a la pestaña "Añadir" y pulsa "Pie de foto".

Propiedades

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.
Tipo de miniatura

Esta propiedad nos permite elegir qué tipo de miniatura mostrar en la barra de navegación inferior del carrusel. Hay dos tipos:

  • Imágenes: podremos definir una imagen para cada uno de los recursos.
  • Iconos genéricos para cada recurso.

Recuerda: Si eliges que las miniaturas sean imágenes, con el componente"Imagen" se mostrará automáticamente esa imagen y con el componente "Vídeo" se mostrará la carátula. Para el resto de componentes (Audio, Animación Externa y educaPlay), tendrás que acceder a las propiedades de cada uno y configurar la "Imagen de miniatura".


Miniaturas por páginaSolo disponible en plantilla Tokyo. Permite elegir el número de miniaturas que mostraremos en cada una de las páginas de nuestro carrusel.
Posición de las miniaturas

Permite definir la colocación de las miniaturas en el carrusel. Hay tres opciones:

  • Top: las miniaturas se colocan en la parte superior del carrusel.
  • Bottom: las miniaturas se colocan en la parte inferior del carrusel.
  • None: con esta opción eliminamos las miniaturas del carrusel.
Mostrar flechas de navegaciónEn esta propiedad decidiremos si queremos mostrar o no las flechas de navegación laterales del carrusel.
Mostrar bordeSolo disponible en plantilla Tokyo. Permite agregar un borde en el contorno del carrusel.

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