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 aleatorioNo
Barra de progresoNoSí (temporizador)
Alternar bucle infinitoSiempre bucles
Carga perezosaNo
Tamaño y posición por dispositivoCubrir 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
WhatsApp
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.

Elemento Glassmorphism para Elementor de Master Addons

Vidriomorfismo

Inicio Extensión de Glassmorphism Elementor gratuita: Efecto del vidrio esmerilado en un solo cambio El Glassmorphism es el esmerilado...
Ver detalles
Extiéndalo más allá del ancho máximo

Extras de contenedores

Inicio ¿Estás cansado de que tus impresionantes diseños se limiten a límites rígidos de contenedores? Extras de contenedores por...
Ver detalles
Extensión de patrón

Patrones

Inicio Transforme contenedores planos y estáticos en elementos de diseño visualmente atractivos con los patrones de complementos maestros...
Ver detalles
Réplicas exactas en una sola acción

Duplicador de publicaciones/páginas

Inicio Optimice su flujo de trabajo y elimine la configuración repetitiva con el duplicador de páginas/publicaciones de complementos maestros. Esto...
Ver detalles
Extensión de la barra de progreso de lectura

Barra de progreso de lectura

Inicio ¿Alguna vez has empezado a leer un artículo largo y te preguntas cuánto queda? Entonces hazlo...
Ver detalles
Oferta de septiembre

40% fuera de todo

Cada plan Master Addons Pro, anual y de por vida. Un código, ocho días.

00días
00horas
00min
00sec

Finaliza el lunes 14 de septiembre a las 23:59 ET

  • Personal1 sitio $129$77
  • Negocio5 sitios $199$119
  • DesarrolladorSitios ilimitadosLo mejor para agencias $599$359

Paga una vez. Ninguna renovación, jamás.

Código de cupón MALIFE40
Obtenga 40% de descuento ahora
  • Más de 30.000 instalaciones activas
  • 4,5/5 de 212 reseñas
  • Devolución de dinero de 14 días