Galería deslizante
La galería deslizante presenta sus fotos en una franja horizontal, todas a la misma altura. Cada foto conserva sus proporciones, sin recortes ni bandas vacías: puede alternar fotos horizontales y verticales. El visitante desplaza la franja a su ritmo y abre una foto a pantalla completa con un simple clic.
Añadir una galería deslizante
- En la paleta, sección Multimedia, arrastre la tarjeta «Galería deslizante» a su página.
- En el inspector, haga clic en «Editar las fotos» para añadir sus fotos.
- Ajuste la altura de las fotos y el espaciado entre ellas, directamente en el inspector.
Lo que ve el visitante
- La franja se desplaza deslizando, con el ratón o el dedo, o con un gesto horizontal en el panel táctil.
- Las flechas avanzan una página cada vez, es decir, todas las fotos visibles.
- La rueda vertical del ratón sigue desplazando la página: la franja no la intercepta.
- Al hacer clic en una foto, se abre a pantalla completa, con su título y su texto como leyenda. Si una foto tiene un enlace, se abre ese enlace en su lugar.
Ajustes del inspector
- Altura de las fotos: la altura de la franja, ajustable por pantalla (360 px por defecto, 240 px en teléfono). El ancho de cada foto se deriva de ella, según sus proporciones.
- Espaciado entre las fotos: ajustable por pantalla (8 px por defecto).
- Todas las propiedades: abre la ventana «Propiedades de la galería deslizante», descrita a continuación.
La ventana «Propiedades de la galería deslizante»
Pestaña «Diapositivas»
- «Añadir una diapositiva» crea una nueva foto: haga clic en el botón para añadirla, o arrástrelo a la lista para elegir su posición.
- Reordene las fotos arrastrando y soltando. «Eliminar las diapositivas seleccionadas» quita las fotos seleccionadas.
- Para cada foto, indique su título, su texto y, si es necesario, un enlace. El título y el texto forman la leyenda de la pantalla completa.
Pestaña «Propiedades generales»
- Altura de las fotos y Espaciado entre las fotos, como en el inspector.
- Desplazamiento libre, sin detenerse en cada foto: la franja se desliza con impulso y se detiene donde la lleve el gesto, en lugar de ajustarse al borde de una foto.
- Flechas de control: muéstrelas o no, y ajuste su tamaño y sus colores.
- Resolución máxima: el tamaño máximo de las fotos publicadas, tanto en la franja como a pantalla completa.
Pestaña «Propiedades del texto asociado a las diapositivas»
Esta pestaña ajusta la leyenda que se muestra sobre la foto a pantalla completa. El título y el texto no aparecen en las fotos de la franja: están reservados a la pantalla completa.
| Ajuste | Efecto |
|---|---|
| Mostrar el área de texto en las diapositivas | Muestra la leyenda a pantalla completa. Si está desmarcada, no se muestran ni el título ni el texto. |
| Posición del bloque de texto | Coloca la leyenda sobre la foto: arriba, en medio o abajo, a la izquierda, en el centro o a la derecha. |
| Fondo del bloque de texto | Color de fondo, esquinas redondeadas, margen exterior (la distancia al borde de la foto) y margen interior. |
| Ocupar todo el ancho, Ocupar toda la altura | Extiende la leyenda a todo el ancho o toda la altura de la foto. |
| Propiedades del título, Propiedades del texto | Tipo de letra, color y tamaño del título y del texto, así como el espacio entre el título y el texto. |
¿Galería deslizante, carrusel o álbum de fotos?
| Componente | Para |
|---|---|
| Carrusel | Una imagen cada vez, en un marco de formato fijo, con desplazamiento automático, transiciones y texto en las diapositivas. |
| Galería deslizante | Una fila de fotos a la misma altura, que conservan sus proporciones, para recorrer libremente y abrir a pantalla completa. |
| Álbum de fotos | Todas las fotos visibles a la vez, en cuadrícula, con apertura a pantalla completa. |