Control deslizante de fondo Elementor gratuito (presentación de diapositivas de la sección con Ken Burns)

Background Slider es una extensión gratuita de Master Addons que convierte el fondo de un contenedor, sección o columna de Elementor en una presentación de diapositivas de imagen giratoria. Sus encabezados y botones permanecen en su lugar mientras las fotos cambian detrás de ellos. Viene con 24 transiciones más una opción aleatoria, movimiento de Ken Burns en nueve direcciones, nueve superposiciones de patrones o su propio color y superposición degradada, y una barra de progreso opcional. La gente lo usa principalmente para secciones de héroes en sitios de servicios, restaurantes, viajes y portafolios.

Panel deslizante de fondo en Elementor con cinco imágenes seleccionadas y los menús desplegables de Transición y Animación se abren junto a un héroe de servicios de limpieza

24 transiciones y movimiento de Ken Burns

El Transición la lista decide cómo una diapositiva pasa a la siguiente: desvanecerse, deslizarse hacia la izquierda, deslizarse hacia la derecha, deslizarse hacia arriba, deslizarse hacia abajo, acercar, alejar, girar hacia la izquierda, girar hacia la derecha, quemar, desenfocar y destellar. Cada uno tiene una segunda variante, que hace 24, y Random elige un efecto diferente para cada cambio. El Animación luego, la configuración agrega un zoom lento de Ken Burns y un panorama dentro de cada diapositiva.

  • Transición: 24 efectos más Aleatorio. El desvanecimiento es el predeterminado.
  • Animación: Kenburns, Kenburns arriba, abajo, izquierda, derecha, las cuatro direcciones diagonales, aleatorio o ninguno.
  • Display aleatorie: baraja el orden de las imágenes cuando se genera la página. En una página almacenada en caché, el orden permanece igual hasta que se borra el caché.

Superposiciones que mantienen el texto legible

El texto en blanco sobre una foto ocupada es difícil de leer. Con Superposición personalizada apagado, el Superposición el menú coloca uno de los nueve patrones de líneas y puntos en mosaico (Estilo 1 a Estilo 9) sobre las diapositivas, y el Estilo 1 está activado de forma predeterminada. Cambiar Superposición personalizada para mostrar y puede utilizar un color sólido, una imagen o un gradiente lineal o radial.

  • Superposición: Ninguno o Estilo 1 a Estilo 9, pequeños patrones repetidos de la biblioteca de presentaciones de diapositivas de Las Vegas.
  • Superposición personalizada: color, imagen o gradiente con dos paradas de color, ángulo y posición.
  • Forța de tinte: no hay un control deslizante de opacidad separado, así que elija un color con transparencia, por ejemplo rgba(0,0,0,0.5).
Configuraciones de gradiente de superposición personalizadas en el panel deslizante de fondo al lado de una sección de héroe con un gradiente oscuro sobre la foto
Desplegables de animación deslizante de fondo y superposición que enumeran las direcciones de Kenburns y el estilo 1 al estilo 9 junto a un héroe de la sala de estar

Momento, portada y tamaño de imagen

Retraso es un campo de texto en milisegundos. Por defecto es 5000 y 3000 da un ritmo más rápido. Cubierta set to True llena toda el área y recorta los bordes, mientras que False se adapta a cada imagen que contiene. Temporizador muestra una delgada barra de progreso para la diapositiva actual. Está activado de forma predeterminada y las diapositivas siguen girando cuando lo apagas.

  • Retraso: cuánto tiempo permanece cada diapositiva en pantalla, en milisegundos.
  • Resolución de imagen: cargue Grande o Mediano en lugar de Completo para mantener bajos los tamaños de los archivos.
  • Unde funcționează: contenedores, secciones y columnas, por lo que una columna puede ejecutar su propia presentación de diapositivas junto a una estática.

Presentación de diapositivas de fondo de Elementor frente a extensión de control deslizante de fondo

El complemento principal gratuito de Elementor ya incluye un tipo de fondo de presentación de diapositivas (comprobado en Elementor 4.2.4). Establezca el tipo de fondo de un contenedor en la presentación de diapositivas y obtendrá un fondo giratorio básico sin ningún complemento. Así es como se compara con la extensión.

CaracterísticaFondo de presentación de diapositivas de ElementorControl deslizante de fondo de complementos maestros
PrecioGratis (núcleo de Elementor)Gratis (complementos maestros)
Trabaja enContenedores, secciones, columnasContenedores, secciones, columnas
Transiciones5: Desvanecerse y deslizarse en cuatro direcciones24 más aleatorio
Duración de la transiciónSí, en ms (500 por defecto)Sin configuración
Duración de la diapositivaSí, 5000 ms por defectoRetraso, 5000 ms predeterminado
Ken quemaAcercar o alejar9 direcciones, aleatoria o ninguna
SuperposiciónSección separada de superposición de fondo9 superposiciones de patrones o color, imagen y degradado personalizados
Orden aleatorioprohibidoSí
Barra de progresoprohibidoSí (temporizador)
Alternar bucle infinitoSíSiempre bucles
Carga perezosaSíprohibido
Tamaño y posición por dispositivoSíCubrir solo encendido o apagado

Si cinco transiciones y un zoom simple cubren lo que necesita, la presentación de diapositivas de Elementor es la opción más liviana y tiene carga diferida y posicionamiento por dispositivo del que carece la extensión. Vale la pena agregar la extensión cuando desee más estilos de transición, movimiento direccional de Ken Burns, superposiciones de patrones, un orden aleatorio o una barra de temporizador visible.

Más efectos de fondo de la sección: Partículas (gratis), Fondo de gradiente animado (Pro) y Vidriomorfismo (gratis).

Visor de plantillas
Facebook
Gorjeo
Whatsa
Copiar enlace
Compra ahora
Servicios de limpieza
Servicios de limpieza

Cómo agregar un control deslizante de fondo en Elementor

La extensión se envía con el complemento gratuito y la configuración tarda un par de minutos.

  1. Instale complementos maestros para Elementor desde WordPress.org, vaya a Complementos maestros > Extensiones y comprueba eso Control deslizante de fondo está encendido.
  2. Edite una página con Elementor y seleccione el contenedor, sección o columna que desea cambiar.
  3. Abre el Estilo pestaña, expandir Control deslizante de fondo y conjunto Habilite el control deslizante de fondo a Sí.
  4. Hacer clic Agregar imágenes, elige dos o más fotos y elige una Resolución de imagen que se adapta al ancho de la sección.
  5. Elija un Transición y un Animación, luego ingresa el Retraso en milisegundos (5000 por defecto).
  6. Hacer clic Aplicar para actualizar la vista previa, actualice la página.

Para conocer otras formas de diseñar una sección, consulte nuestra Guía de fondo de la página Elementor.

Preguntas frecuentes sobre el control deslizante de fondo

Conozca las consultas más frecuentes que tienen los usuarios sobre el control deslizante de fondo y encuentre respuestas en un solo lugar.
¿la extensión Background Slider es gratuita?

Sí. Es parte del complemento gratuito Master Addons en WordPress.org y todas las configuraciones descritas en esta página funcionan sin una licencia Pro. Actívelo en Complementos maestros > Extensiones si está apagado.

No. No hay flechas, puntos ni botón de pausa. Las diapositivas giran solas en el Retraso que configuraste y la barra de Temporizador opcional solo muestra el progreso. Si los visitantes necesitan hacer clic en las imágenes, utilice un carrusel como el Carrusel de imágenes widget en su lugar.

¿en qué se diferencia de la presentación de diapositivas en segundo plano de Elementor?

Free Elementor ya tiene un tipo de fondo de presentación de diapositivas con 5 transiciones, un acercamiento o cierre de Ken Burns, una configuración de duración de transición, carga diferida y posicionamiento por dispositivo. Background Slider le ofrece 24 transiciones, Ken Burns en nueve direcciones, patrones y superposiciones personalizadas, orden aleatorio y una barra de progreso. No tiene configuración de carga diferida o duración de transición, así que elija Elementor si eso importa más.

Ellos pueden. La extensión no tiene configuración de carga diferida, así que comprima sus fotos antes de cargarlas y configure la resolución de imagen en Grande o Mediana cuando la sección sea más estrecha que el archivo original. De tres a cinco imágenes son suficientes para la mayoría de las secciones de héroes.

Widgets y extensiones de Elementor de tendencia

Cree sitios web sofisticados en menos tiempo.

Master Addons Extensión Glassmorphism para Elementor: tarjetas de vidrio esmerilado con el control Blur Value configurado en 20px

Vidriomorfismo

Inicio Extensión de Glassmorphism Elementor gratuita: Efecto del vidrio esmerilado en un solo cambio El Glassmorphism es el esmerilado...
Ver detalles
Extensión Master Addons Container Extras para Elementor: contenedor con un límite de ancho máximo de 1400px, con controles de ancho máximo, alto máximo, ancho mínimo y alto mínimo

Extras de contenedores

Inicio Elementor Container Controles de ancho y alto máximo Container Extras es un maestro gratuito...
Ver detalles
Extensión de patrones de complementos maestros para Elementor: héroe con el estilo Purple Gradient Grid Left, tres estilos de patrones más y el panel Habilitar patrón

Patrones

Inicio 70+ Patrones de fondo de Elementor gratuitos Patrones es una extensión de complementos maestros gratuita que agrega...
Ver detalles
Extensión de duplicador de páginas/publicaciones de complementos maestros para Elementor: enlace de fila de duplicador MA en la lista de páginas de WordPress que crea una página de inicio - borrador [duplicado #128]

Duplicador de publicaciones/páginas

Inicio Duplicar páginas y publicaciones de Elementor en un clic Publicación/Duplicador de páginas es un maestro gratuito...
Ver detalles
Extensión de la barra de progreso de lectura de complementos maestros para Elementor: barra azul llena al 42% en la parte superior de una página de política de privacidad, con configuraciones de habilitar, colocar, altura y llenar color

Barra de progreso de lectura

Inicio Agregue una barra de progreso de lectura en WordPress (Elementor) La barra de progreso de lectura es gratuita...
Ver detalles