Berlin - Componentes | Rejilla de imágenes

Última modificación:

La "Rejilla de imágenes" es un elemento que nos permite crear una composición de imágenes. Al hacer clic en cada una de ellas se hace un pequeño zoom sobre cada imagen. Podremos emplear este componente, por ejemplo, para incluir en cada imagen un enlace creando así un menú interactivo.

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

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

Proceso de configuración

1. Por defecto, cuando añadimos la "Rejilla de imágenes" el componente se crea con cuatro 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 rejilla.

3. Haz clic sobre cada una de las imágenes y accede a la pestaña "Propiedades". Pulsa "Examinar" en el campo "Recurso" y asocia una imagen de la carpeta de Recursos de la unidad (ver aquí). Configuramos el resto de propiedades de cada una de las imágenes de la rejilla (ver aquí para revisar las propiedades de las imágenes ).

Recuerda
Es muy importante que todas las imágenes tengan el mismo tamaño de alto y ancho.Si no, la composición quedará asimétrica.

4. Para terminar, puedes añadir enlaces a cada una de las imágenes, creando así un menú interactivo.

Propiedades

PROPIEDADDESCRIPCIÓN
Imágenes por filaEn esta propiedad indicaremos el número de imágenes que queremos que aparezcan por fila. La visualización de las imágenes por fila solo se ve en el modo previsualización, no en el modo edición.
Ajustar a columna

En este campo indicamos cómo queremos ajustar la rejilla en la página. Hay tres posiciones:

  • Normal: ajustada al centro de la pantalla.
  • Pegado a la derecha: alineada a la derecha de la pantalla.
  • Pegado a la izquierda: alineada a la izquierda de la pantalla

¿Le resulta útil este artículo?


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