Galería de imágenes

1. Uso de la galería

En el ejemplo de Web Personal Recursos, incluimos un ejemplo de galería de imágenes

En este ejemplo se incluyen 6 imágenes de mujeres matemáticas, y a la derecha, según vamos pulsando sobre cada una de ellas, se muestra su nombre y una breve descripción de su trabajo.

Otros ejemplos de uso

Como podemos ver, la galería de imágenes es un recurso que puede resultar muy útil para nuestras web, es un recurso muy visual y atractivo, además de práctico.

En este apartado vamos a analizar la forma de incluir una galería de imágenes en nuestra web, veremos las opciones más básicas, pero como siempre, toda la información sobre las distintas posibilidades de configuración que tenemos descritas en este apartado de la Ayuda de EducaMadrid: Galería de Imágenes en EducaMadrid

2. Subir las imágenes

Para poder incluir una Galería de imágenes en nuestra web, primero tenemos que localizar y seleccionar las imágenes.

Una vez localizadas, debemos subirlas a EducaMadrid y para ello vamos a usar una herramienta: el "Directorio de ficheros"

El directorio de ficheros es un espacio donde los usuarios registrados de Educamadrid pueden almacenar archivos de todo tipo (imagen, vídeo, audio, ejecutables, flash y texto) y acceder a ellos desde cualquier lugar. Es como tener nuestro disco duro virtual en EducaMadrid.

Veamos cómo acceder al directorio de ficheros, cómo crear una carpeta que contendrá todas las imágenes de la galería y cómo subir a ella, finalmente las imágenes:

Acceso al Directorio de ficheros

Desde el enlace Administración > Directorio de Ficheros

Crear una carpeta para subir las imágenes

Una vez en el Directorio de ficheros, veremos que no tenemos ninguna imagen, pero lo primero que haremos será crear una carpeta para subir a ella todas las imágenes que incluiremos en la galería, la llamaremos por ejemplo "mujeres". Para ello, primero pulsamos sobre el enlace "Carpetas" y a continuación sobre "Nueva Carpeta"

Le daremos el nombre que queramos y pulsamos en "Enviar". Veremos en el árbol de carpetas la carpeta Mujeres ya creada:

Subir las imágenes:

Al situarnos en esa carpeta, vemos que no tiene todavía ningún elemento, vamos a añadir ahora las imágenes que hemos seleccionado previamente. Para ello pulsamos en el botón de "Añadir fichero" de la zona superior.

Nos mostrará entonces una pantalla similar a esta, con las siguientes opciones:

1. Seleccionar archivo: Para localizar una de las imágenes seleccionadas previamente en nuestro ordenador
2. Título: El título que se mostrará cuando se visualice la imagen en la Galería de imágenes
3. Descripción: Que también se mostrará junto a la imagen en la Galería.
4. Subir fichero: Una vez que hemos terminado de rellenar los campos, pulsamos este botón para subir la imagen a la carpeta

Veremos una barra de progreso y una indicación de que la imagen se ha subido correctamente.

Repetiríamos estos pasos, Seleccionar archivo, ponerle título y descripción y subir fichero, con cada una de las imágenes que queremos mostrar en la galería y una vez subidas todas, pulsamos en el enlace "Listado" de la zona superior, para ver de nuevo el directorio de ficheros y las imágenes subidas.

Veremos las imágenes en la carpeta que hemos creado y volveremos al diseño de nuestra página, pulsando la opción "Salir"

Ahora ya tenemos las imágenes subidas a nuestra carpeta y ya estamos listos para insertar la galería.

Para más información sobre el Directorio de ficheros y sus opciones, consultar la Ayuda de EducaMadrid

3. Incluir la galería

Ya tenemos todas las imágenes de la galería, en una carpeta de nuestro directorio de ficheros, así que el último paso consiste en añadir una galería a nuestra página y configurarla para que se muestren las imágenes que acabamos de subir.

Para añadir una galería, nos situamos en la página en la que la queramos ubicar, pulsamos en el botón +Añadir, como siempre, y seleccionamos la Galería de Imágenes:

La ubicamos en la posición que nos interese, como siempre, pulsando y arrastrando y, a continuación, la configuramos para que tome las imágenes de la carpeta que hemos creado en el Directorio de Ficheros. 

En el siguiente vídeo de la Ayuda de EducaMadrid vemos paso por paso cómo hacerlo:

La galería de imágenes permite otras opciones de donde obtener las imágenes que mostrar y más opciones de configuración que se describen detalladamente en esta página de la Ayuda de EducaMadrid: Galería de Imágenes