Control deslizante de fondo
Olvídese de las imágenes estáticas de héroes. Capture la atención y cuente una historia con un fondo conmovedor y respirable. La extensión Background Slider te permite transformar cualquier contenedor en una impresionante presentación de diapositivas automatizada. Sube tus imágenes, elige entre 26 transiciones profesionales y 11 animaciones de Ken Burns para crear zooms y panorámicas suaves. Agregue superposiciones elegantes para legibilidad de texto, establezca el momento perfecto y observe cómo su mensaje clave se desliza sobre una galería de imágenes. Perfecto para portafolios, exhibiciones de productos, sitios de viajes o cualquier página que necesite causar una primera impresión poderosa.
Transiciones y animaciones cinematográficas
Evite cortes aburridos y discordantes entre diapositivas. Seleccione transiciones suaves como Fade, Slide, Zoom o creativas como Flip y Cube. Luego, dé vida a cada imagen con un efecto Ken Burns (un zoom o panorámica sutil y lento (como “Up Right” o “Zoom In”) que agrega una profundidad similar a la de una película y mantiene la mirada del espectador ocupada a medida que avanza la historia.
- Transiciones suaves: elija entre más de 26 efectos (atenuación, diapositiva, cortina, etc.) para cambios de imagen fluidos.
- Ken Burns Magic: aplique 11 animaciones direccionales diferentes de panorámica y zoom para que las fotos estáticas se sientan vivas.
- Visualización aleatoria: baraja el orden de las diapositivas para obtener una experiencia nueva en cada carga de página.
Superposiciones integradas para una legibilidad perfecta
Un problema común con los controles deslizantes de fondo es que el texto se vuelve difícil de leer sobre imágenes ocupadas. Lo solucionamos con 9 estilos de superposición prediseñados (como degradado oscuro, malla clara o tintes de color). ¿No te gustan? Cree una superposición personalizada utilizando un color sólido, un degradado o incluso una imagen semitransparente para atenuar el fondo lo suficiente, haciendo que sus titulares y botones sean muy claros.
- Superposiciones con un solo clic: aplique superposiciones elegantes instantáneas (Ninguna, Degradado oscuro, Luz, Puntos, etc.) para contrastar.
- Superposición personalizada completa: utilice el selector de color o la herramienta de degradado para crear un tinte perfecto que coincida con su marca.
- Controle la opacidad: ajuste la intensidad de la superposición para equilibrar la belleza del fondo y la claridad del texto.
Control total sobre sincronización y visualización
Controlas toda la experiencia. Establece el retraso (en milisegundos) entre diapositivas -5000 ms para un ritmo tranquilo, 3000 ms para obtener más energía. Elija si las imágenes deben cubrir el área perfectamente sin estirarse. Habilite la barra de progreso del temporizador para mostrar a los espectadores cuánto tiempo falta para la siguiente diapositiva u ocultérela para una apariencia más limpia.
- Configure su ritmo: ajuste el control deslizante Retraso para controlar cuánto tiempo se muestra cada imagen.
- Ajuste perfecto: asegúrese de que las imágenes cubran el área sin distorsiones, recortándolas de manera inteligente.
- Optimice el rendimiento: seleccione Resolución de imagen (completa, grande, media) para equilibrar la calidad visual con la velocidad de carga de la página.
Preguntas frecuentes sobre el control deslizante de fondo
¿en qué se diferencia esto de un widget Image Carousel normal?
Un carrusel es un elemento de contenido que colocas dentro de una sección. Este control deslizante de fondo es un fondo para la sección/contenedor en sí. Su texto, botones y otros widgets se encuentran encima de las imágenes deslizantes. Es para crear áreas de héroes inmersivos, no para mostrar una galería de miniaturas de productos.
¿pueden los visitantes pausar o navegar por el control deslizante?
La extensión se centra en la presentación automática en segundo plano. Por lo general, no agrega botones visibles de pausa/reproducción ni flechas de navegación de forma predeterminada, ya que eso abarrotaría el área del héroe. El objetivo es una experiencia cinematográfica reproducida automáticamente. Para galerías controladas por el usuario, utilizarías un widget Slider o Carousel dedicado.
¿El uso de múltiples imágenes de alta resolución ralentizará mi página?
Puede, si no tienes cuidado. Optimice siempre sus imágenes antes de cargarlas (comprimirlas para la web). Utilice la configuración Resolución de imagen para entregar archivos del tamaño adecuado. Por ejemplo, utilice “Grande” en lugar de “Completo” si el contenedor tiene sólo 1200px de ancho. Esto mantiene alto el impacto visual y la velocidad rápida.
¿Puedo usar esto en una columna, no solo en una sección completa?
¡Sí! Puede aplicar el control deslizante de fondo a secciones, contenedores y columnas. Esto significa que podría tener una columna de contenido estático junto a una columna con un fondo deslizante, creando diseños dinámicos y complejos con facilidad.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
Duplicador de publicaciones/páginas
