Skip to main content

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