Saltar al contenido principal




los Carrusel de medios widget le permite crear un control deslizante de videos e imágenes.



El widget incluye 3 máscaras:

  1. Carrusel es la máscara de carrusel giratorio estándar que muestra un número personalizado de diapositivas de imágenes o videos por vista.
  2. Diapositivas es una máscara de control deslizante que muestra una diapositiva principal y pequeñas miniaturas de imágenes a continuación.
  3. Flujo de corriente es una piel de control deslizante que muestra un deslizamiento central en la parte delantera y dos deslizadores laterales en la parte posterior.

Dentro de cada diapositiva, puede agregar la imagen o el video y hacer que se vincule a su archivo multimedia o un enlace externo. El carrusel puede mostrar una combinación de imágenes y videos a la vez.
Si tiene Lightbox habilitado, esto también estará disponible para este widget.

El widget Media Carousel también tiene opciones para una visualización óptima en dispositivos móviles.

Piel de carrusel

Contenido

Diapositivas

  1. Piel: Carrusel
  2. Diapositivas: Elija la imagen o el video para mostrar y configure la URL para vincular
  3. Efecto: Elija cómo cambia cada diapositiva, ya sea Diapositiva, Desvanecimiento o Cubo
  4. Diapositivas por vista: Establece el número de diapositivas para ver a la vez, máximo 10
  5. Diapositivas para desplazarse: Establece el número de diapositivas para desplazarse por deslizamiento, máximo de 10
  6. Altura: Establece la altura del carrusel
  7. Anchura: Establece el ancho del carrusel

Opciones adicionales

  1. Flechas: Elija mostrar u ocultar las flechas de navegación
  2. Paginación: Seleccione Ninguno, Puntos, Fracción o Progreso
  3. Duración de la transición: Establezca el tiempo que tarda en aparecer cada diapositiva. Este tiempo está en milisegundos, por lo que 1000 ms es igual a 1 segundo.
  4. Auto-reproducción: Mostrar u ocultar
  5. Velocidad de reproducción automática: Establece el tiempo entre cada diapositiva. Este tiempo está en milisegundos, por lo que 1000 ms es igual a 1 segundo.
  6. Bucle infinito: Muestra el carrusel en bucle continuo, infinitamente. Si o no
  7. 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
  8. Cubrir: Seleccione el tipo de superposición, cuando el usuario pase el cursor sobre una diapositiva. Ninguno, texto o icono
  9. Tamaño de la imagen: Seleccione el tamaño de la imagen, de Miniatura a Completo o Personalizado
  10. Ajuste de imagen: Seleccione cómo encaja la imagen en su contenedor, ya sea Cubrir, Contener o Automático

Piel de presentación de diapositivas

Contenido

  1. Piel: Diapositivas
  2. Diapositivas: Elija la imagen o el video para mostrar y configure la URL para vincular
  3. Efecto: Elija cómo cambia cada diapositiva, ya sea Diapositiva, Desvanecimiento o Cubo
  4. Altura: Establece la altura del carrusel
  5. Miniaturas:
    Diapositivas Por vista: Número de diapositivas, por vista, máximo 10
    Proporción: Seleccione entre 1: 1, 4: 3, 16: 9 o 21: 9

Opciones adicionales

  1. Flechas: Elija mostrar u ocultar las flechas de navegación
  2. Duración de la transición: Establezca el tiempo que tarda en aparecer cada diapositiva. Este tiempo está en milisegundos, por lo que 1000 ms es igual a 1 segundo
  3. Auto-reproducción: Mostrar u ocultar
  4. Velocidad de reproducción automática: Establece el tiempo entre cada diapositiva. Este tiempo está en milisegundos, por lo que 1000 ms es igual a 1 segundo
  5. Bucle infinito: Muestra el carrusel en bucle continuo, infinitamente. Si o no
  6. 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
  7. Tamaño de la imagen: Seleccione el tamaño de la imagen, de Miniatura a Completo o Personalizado
  8. Ajuste de imagen: Seleccione cómo encaja la imagen en su contenedor, ya sea Cubrir, Contener o Automático

Piel Coverflow

Contenido

  1. Piel: Flujo de corriente
  2. Diapositivas: Elija la imagen o el video para mostrar y configure la URL para vincular
  3. Diapositivas por vista: Establece el número de diapositivas para ver a la vez, máximo 10
  4. Diapositivas para desplazarse: Establezca el número de diapositivas para desplazarse por deslizamiento, máximo de 10
  5. Altura: Establece la altura del carrusel
  6. Anchura: Establece el ancho del carrusel

Opciones adicionales

  1. Flechas: Elija mostrar u ocultar las flechas de navegación
  2. Paginación: Seleccione Ninguno, Puntos, Fracción o Progreso
  3. Duración de la transición: Establezca el tiempo que tarda en aparecer cada diapositiva. Este tiempo está en milisegundos, por lo que 1000 ms es igual a 1 segundo.
  4. Auto-reproducción: Mostrar u ocultar
  5. Velocidad de reproducción automática: Establece el tiempo entre cada diapositiva. Este tiempo está en milisegundos, por lo que 1000 ms es igual a 1 segundo.
  6. Bucle infinito: Muestra el carrusel en bucle continuo, infinitamente. Si o no
  7. 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
  8. Cubrir: Ninguno, Texto o Icono
  9. Si Texto esta elegido:
    Subtítulo: Elija el texto que se mostrará como título: título, título o descripción
    Animación: Elija entre Desvanecer, Deslizar hacia arriba, Deslizar hacia abajo, Deslizar hacia la derecha, Deslizar hacia la izquierda, Acercar
  10. Si Icono esta elegido:
    Icono: Elija entre un icono de búsqueda, un icono más, un icono de ojo o un icono de enlace
  11. Animación: Elija entre Fundir, Deslizar hacia arriba, Deslizar hacia abajo, Deslizar hacia la derecha, Deslizar hacia la izquierda, Acercar
  12. Tamaño de la imagen: Seleccione el tamaño de la imagen, de Miniatura a Completo o Personalizado
  13. Ajuste de imagen: Seleccione cómo encaja la imagen en su contenedor, ya sea Cubrir, Contener o Automático

Estilo

Diapositivas

  1. Espacio entre: Establece el espacio entre diapositivas
  2. Color de fondo: Elige un color de fondo para el carrusel
  3. Tamaño del borde: Controla el grosor del borde
  4. Color del borde: Elija un color para el borde
  5. Relleno: Establece el relleno
  6. Radio de borde: Establece el radio del borde para controlar la redondez de las esquinas

Navegación

Flechas

  1. Talla: Escala el tamaño de la flecha hacia arriba o hacia abajo
  2. Color: Elige el color de las flechas

Paginación (no disponible en el tipo de presentación de diapositivas)

  1. Posición: Coloque la paginación fuera o dentro de las diapositivas
  2. Talla: Escala el tamaño de la paginación hacia arriba o hacia abajo
  3. Color: Establece el color de la paginación

Icono de reproducción (debe tener videos en las diapositivas para verlo)

  1. Color: Establece el color del icono de reproducción de video
  2. Talla: Establece el tamaño del icono de reproducción de video
  3. Sombra de texto: Establece la sombra del texto del ícono de reproducción de video

Superposición (no disponible en el tipo de presentación de diapositivas)

Si se eligió Texto para la superposición:

  1. Color de fondo: Elija un color de fondo para la superposición
  2. Color de texto: Elige el color del texto superpuesto
  3. Tipografía: Cambia las opciones de tipografía para el texto superpuesto

Si se eligió el icono para superposición:

  1. Color de fondo: Elija un color de fondo para la superposición
  2. Color de texto: Elija el color del icono de superposición
  3. Tamaño de ícono: Escala el tamaño del icono de superposición hacia arriba o hacia abajo

Caja ligera

  1. Color: Elige el color de fondo de la caja de luz
  2. Color de la interfaz de usuario: Elija el color de la interfaz de usuario. Esto afecta la navegación de flechas y puntos de la caja de luz y el ícono de cierre X.
  3. Color de desplazamiento de la interfaz de usuario: Elija el color de desplazamiento de la interfaz de usuario. Esto afecta la navegación de flechas y puntos de la caja de luz y el icono de cierre de la X cuando el usuario pasa el cursor sobre cada uno.
  4. Ancho de video: Establece el ancho del video

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

Nota: El uso de códigos cortos de plantilla de Elementor dentro del widget a veces puede funcionar, pero no es una característica compatible.

Avanzado

Establecer las opciones avanzadas que son aplicables a este widget

Lea la publicación de lanzamiento completa sobre el widget de carrusel de medios