Saltar al contenido principal
Elementor

Widget de carrusel de imágenes




El widget de carrusel de imágenes le permite agregar galerías interesantes y dinámicas a sus páginas. En el video, explicamos cómo crear un carrusel de imágenes de galería y un carrusel de tres columnas.



Contenido

Carrusel de imágenes

  1. Hacer clic Añadir imagen para seleccionar imágenes para mostrar. Una vez seleccionado, haga clic en Crear una nueva galería y luego haga clic en el Insertar galería botón.
  2. Tamaño de la imagen: Elija el tamaño de la imagen, de miniatura a completa, o ingrese un tamaño personalizado
  3. Diapositivas para mostrar: Seleccione la cantidad de diapositivas para mostrar a la vez, de 1 a 10, disponibles para computadoras de escritorio, tabletas y dispositivos móviles
  4. Diapositivas para desplazarse: Establece cuántas diapositivas se desplazan por deslizamiento
  5. Estirar imagen: Seleccione Sí o No
  6. Navegación: Elija mostrar flechas de navegación, puntos, ambos o ninguno
  7. Enlace a: Vincula imágenes a sus respectivos archivos multimedia, URL personalizadas o ninguna
  8. Subtítulo: Establece los títulos de las imágenes en Ninguno, Título, Título o Descripción

Opciones adicionales

  1. Pausa al pasar el mouse: Seleccione si desea pausar o no la reproducción automática cuando un usuario se desplaza sobre el carrusel. Si o no
  2. Pausa en la interacción: Seleccione si desea pausar o no la reproducción automática cuando un usuario interactúa con el carrusel. Si o no.
  3. Auto-reproducción: Elija Sí o No para rotar las diapositivas automáticamente
  4. Velocidad de reproducción automática: Establece el tiempo que tarda la siguiente diapositiva en comenzar a girar. Este tiempo está en milisegundos, por lo que 1000 ms es igual a 1 segundo.
  5. Bucle infinito: Muestra el carrusel en un bucle continuo, infinitamente. Si o no
  6. Velocidad de animación: Establece la velocidad de la animación de diapositivas, en milisegundos
  7. Dirección: Elija que las diapositivas giren de izquierda a derecha

Estilo

Navegación

Flechas

  1. Posición: Establece la posición de las flechas dentro o fuera del control deslizante
  2. Talla: Establece el tamaño exacto de las flechas
  3. Color: Establece el color de las flechas

Puntos

  1. Posición: Establece la posición de los puntos dentro o fuera del control deslizante
  2. Talla: Establece el tamaño exacto de los puntos
  3. Color: Establece el color de los puntos

Imagen

  1. Alineación vertical: Alinea verticalmente la imagen con la parte superior, media o inferior
  2. Espaciado: Establece el espacio entre diapositivas. Elija Predeterminado (20px) o Personalizado (esta opción solo está disponible si se elige una cantidad mayor que 1 para Diapositivas a mostrar sobre el Contenido lengüeta)
  3. Tipo de borde: Establezca el tipo de borde, eligiendo entre Ninguno, Sólido, Doble, Punteado, Punteado o Surco
  4. Radio de borde: Establece el radio del borde para controlar la redondez de las esquinas

Nota: La reproducción automática se ve afectada por Política de reproducción automática de Google en los navegadores Chrome.

Avanzado

Establecer las opciones avanzadas que son aplicables a este widget