Ir al contenido principal

SitioSimple — Agregar y configurar un slider de imágenes

L
Escrito por Luciana Parente

Aplica a: SitioSimple · Interfaz: constructor de SitioSimple · Tiempo estimado: 5 min


¿Qué vas a lograr?

Agregar un slider de imágenes a tu sitio y configurar su comportamiento visual.


Antes de empezar

El slider de imágenes permite mostrar imágenes en formato dinámico y automático. A diferencia del carrusel de contenido, este componente solo muestra imágenes — sin texto ni botones superpuestos.


Pasos

Agregar el slider de imágenes

  1. En el constructor de SitioSimple, andá a Páginas y hacé clic en Editar sobre la página donde querés agregar el slider

  2. Arrastrá el componente Slider de imágenes a la sección de la página donde querés mostrarlo

  3. Seleccioná el slider y presioná Cambiar

  4. Subí las imágenes que querés mostrar con el botón Añadir imagen


Configurar el slider de imágenes

Hacé clic en Configurar para ajustar las opciones de visualización:

  • Cantidad de tarjetas — cuántas imágenes se muestran al mismo tiempo

  • Transición — cuántas imágenes avanzan con cada desplazamiento

  • Cantidad de filas — una o varias filas de imágenes

  • Modo libre — deslizar libremente con el cursor sin seguir las posiciones predefinidas por la transición

  • Bucle — reproduce las imágenes de forma continua al llegar al final

  • Reproducción automática — activá o desactivá el avance automático

  • Velocidad de transición — tiempo en segundos entre cada cambio de imagen

  • Velocidad de animación — fluidez del desplazamiento

  • Alto y espaciado — tamaño del slider y distancia entre imágenes

  • Cursor — estilo del cursor cuando pasa sobre el slider

  • Zoom de imágenes — efecto de zoom al pasar sobre cada imagen

  • Imágenes circulares — mostrá las imágenes en forma de círculo o rectángulo

  • Paginación — indicadores de página visibles o no

  • Navegación — apariencia de los controles para moverse entre imágenes

Revisá el resultado desde la vista previa y hacé clic en Guardar


Verificá que funcionó

Publicá los cambios y visitá la página desde el navegador para ver el slider en funcionamiento con las imágenes y la configuración elegida.


Errores frecuentes

Las imágenes del slider se ven cortadas o desproporcionadas

→ Ajustá el alto del slider desde las opciones de configuración. También podés usar el editor de imágenes para recortar cada imagen en la proporción adecuada antes de subirlas.

La reproducción automática no avanza

→ Verificá que la opción de reproducción automática esté activada y que la velocidad de transición tenga un valor mayor a 0.


¿Ha quedado contestada tu pregunta?