los Carrusel de medios widget le permite crear un control deslizante de videos e im谩genes.
El widget incluye 3 m谩scaras:
- 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.
- Diapositivas es una m谩scara de control deslizante que muestra una diapositiva principal y peque帽as miniaturas de im谩genes a continuaci贸n.
- 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
- Piel: Carrusel
- Diapositivas: Elija la imagen o el video para mostrar y configure la URL para vincular
- Efecto: Elija c贸mo cambia cada diapositiva, ya sea Diapositiva, Desvanecimiento o Cubo
- Diapositivas por vista: Establece el n煤mero de diapositivas para ver a la vez, m谩ximo 10
- Diapositivas para desplazarse: Establece el n煤mero de diapositivas para desplazarse por deslizamiento, m谩ximo de 10
- Altura: Establece la altura del carrusel
- Anchura: Establece el ancho del carrusel
Opciones adicionales
- Flechas: Elija mostrar u ocultar las flechas de navegaci贸n
- Paginaci贸n: Seleccione Ninguno, Puntos, Fracci贸n o Progreso
- 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.
- Auto-reproducci贸n: Mostrar u ocultar
- 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.
- Bucle infinito: Muestra el carrusel en bucle continuo, infinitamente. Si o no
- 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
- Cubrir: Seleccione el tipo de superposici贸n, cuando el usuario pase el cursor sobre una diapositiva. Ninguno, texto o icono
- Tama帽o de la imagen: Seleccione el tama帽o de la imagen, de Miniatura a Completo o Personalizado
- 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
- Piel: Diapositivas
- Diapositivas: Elija la imagen o el video para mostrar y configure la URL para vincular
- Efecto: Elija c贸mo cambia cada diapositiva, ya sea Diapositiva, Desvanecimiento o Cubo
- Altura: Establece la altura del carrusel
- 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
- Flechas: Elija mostrar u ocultar las flechas de navegaci贸n
- 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
- Auto-reproducci贸n: Mostrar u ocultar
- 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
- Bucle infinito: Muestra el carrusel en bucle continuo, infinitamente. Si o no
- 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
- Tama帽o de la imagen: Seleccione el tama帽o de la imagen, de Miniatura a Completo o Personalizado
- Ajuste de imagen: Seleccione c贸mo encaja la imagen en su contenedor, ya sea Cubrir, Contener o Autom谩tico
Piel Coverflow
Contenido
- Piel: Flujo de corriente
- Diapositivas: Elija la imagen o el video para mostrar y configure la URL para vincular
- Diapositivas por vista: Establece el n煤mero de diapositivas para ver a la vez, m谩ximo 10
- Diapositivas para desplazarse: Establezca el n煤mero de diapositivas para desplazarse por deslizamiento, m谩ximo de 10
- Altura: Establece la altura del carrusel
- Anchura: Establece el ancho del carrusel
Opciones adicionales
- Flechas: Elija mostrar u ocultar las flechas de navegaci贸n
- Paginaci贸n: Seleccione Ninguno, Puntos, Fracci贸n o Progreso
- 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.
- Auto-reproducci贸n: Mostrar u ocultar
- 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.
- Bucle infinito: Muestra el carrusel en bucle continuo, infinitamente. Si o no
- 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
- Cubrir: Ninguno, Texto o Icono
- 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 - 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 - Animaci贸n: Elija entre Fundir, Deslizar hacia arriba, Deslizar hacia abajo, Deslizar hacia la derecha, Deslizar hacia la izquierda, Acercar
- Tama帽o de la imagen: Seleccione el tama帽o de la imagen, de Miniatura a Completo o Personalizado
- Ajuste de imagen: Seleccione c贸mo encaja la imagen en su contenedor, ya sea Cubrir, Contener o Autom谩tico
Estilo
Diapositivas
- Espacio entre: Establece el espacio entre diapositivas
- Color de fondo: Elige un color de fondo para el carrusel
- Tama帽o del borde: Controla el grosor del borde
- Color del borde: Elija un color para el borde
- Relleno: Establece el relleno
- Radio de borde: Establece el radio del borde para controlar la redondez de las esquinas
Navegaci贸n
Flechas
- Talla: Escala el tama帽o de la flecha hacia arriba o hacia abajo
- Color: Elige el color de las flechas
Paginaci贸n (no disponible en el tipo de presentaci贸n de diapositivas)
- Posici贸n: Coloque la paginaci贸n fuera o dentro de las diapositivas
- Talla: Escala el tama帽o de la paginaci贸n hacia arriba o hacia abajo
- Color: Establece el color de la paginaci贸n
Icono de reproducci贸n (debe tener videos en las diapositivas para verlo)
- Color: Establece el color del icono de reproducci贸n de video
- Talla: Establece el tama帽o del icono de reproducci贸n de video
- 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:
- Color de fondo: Elija un color de fondo para la superposici贸n
- Color de texto: Elige el color del texto superpuesto
- Tipograf铆a: Cambia las opciones de tipograf铆a para el texto superpuesto
Si se eligi贸 el icono para superposici贸n:
- Color de fondo: Elija un color de fondo para la superposici贸n
- Color de texto: Elija el color del icono de superposici贸n
- Tama帽o de 铆cono: Escala el tama帽o del icono de superposici贸n hacia arriba o hacia abajo
Caja ligera
- Color: Elige el color de fondo de la caja de luz
- 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.
- 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.
- 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