Deslizador Fundo
Esqueça imagens estáticas de heróis Capture a atenção e conte uma história com um fundo em movimento e respiratório A extensão Background Slider permite transformar qualquer contêiner em uma apresentação de slides impressionante e automatizada Carregue suas imagens, escolha entre 26 transições profissionais e 11 animações de Ken Burns para criar zooms e panelas suaves Adicione sobreposições elegantes para legibilidade de texto, defina o tempo perfeito e veja sua mensagem principal deslizar sobre uma galeria de visuais Perfeito para portfólios, vitrines de produtos, sites de viagens ou qualquer página que precise causar uma primeira impressão poderosa.
Transições e animações cinematográficas
Evite cortes chatos e jarring entre slides Selecione transições suaves como Fade, Slide, Zoom ou criativas como Flip e Cube Em seguida, traga cada imagem para uma vida com efeito Ken Burns uma panela de zoom sutil e lenta (como “Up Right” ou “Zoom In”) que adiciona uma profundidade semelhante a um filme e mantém o olhar do espectador engajado à medida que a história se desenrola.
- Transições suaves: escolha entre mais de 26 efeitos (desvanecer, deslizar, cortina, etc.) para alterações contínuas de imagem.
- Ken Burns Magic: Aplique 11 animações pan-and-zoom direcionais diferentes para fazer as fotos estáticas parecerem vivas.
- Exibição aleatória: embaralhe a ordem dos slides para uma nova experiência em cada carregamento de página.
Sobreposições integradas para legibilidade perfeita
Um problema comum com controles deslizantes de fundo é texto tornando-se difícil de ler sobre imagens ocupadas Nós resolvemos que com 9 estilos de sobreposição pré-projetados (como gradiente escuro, malha de luz, ou tonalidades de cor) Não gosta deles? criar uma sobreposição personalizada usando uma cor sólida, um gradiente, ou mesmo uma imagem semitransparente para escurecer o fundo apenas o suficiente, tornando suas manchetes e botões cristalinos.
- Sobreposições com um clique: Aplique sobreposições elegantes instantâneas (Nenhuma, gradiente escuro, luz, pontos, etc.) para contraste.
- Sobreposição Personalizada Completa: Use o seletor de cores ou a ferramenta de gradiente para criar uma tonalidade perfeita que corresponda à sua marca.
- Controle a opacidade: ajuste a intensidade da sobreposição para equilibrar a beleza do fundo e a clareza do texto.
Controle total sobre cronometragem e exibição
Você controla a experiência Definir o Atraso (em milissegundos) entre slides 0 inteira para 5000 ms um ritmo calmo, 30 ms para mais energia Escolha se as imagens devem Cobrir a área perfeitamente sem alongamento Habilite a barra de progresso do Temporizador para mostrar aos espectadores quanto tempo até o próximo slide, ou escondê-lo para um visual mais limpo.
- Defina seu ritmo: ajuste o controle deslizante Atraso para controlar quanto tempo cada imagem é exibida.
- Ajuste perfeito: certifique-se de que as imagens cubram a área sem distorção, cortando-as de forma inteligente.
- Otimize o desempenho: selecione a resolução da imagem (completa, grande, média) para equilibrar a qualidade visual com a velocidade de carregamento da página.
Perguntas frequentes para controle deslizante de fundo
Como isso é diferente de um widget normal do Image Carousel?
Um carrossel é um elemento de conteúdo que você coloca dentro de uma seção Este controle deslizante de fundo é um plano de fundo para a própria seção/contêiner Seu texto, botões e outros widgets ficam em cima das imagens deslizantes É para criar áreas imersivas de heróis, não para exibir uma galeria de miniaturas de produtos.
Os visitantes podem pausar ou navegar pelo controle deslizante?
A extensão se concentra na apresentação automática, em segundo plano, Ele normalmente não adiciona botões visíveis de pausa/reprodução ou setas de navegação por padrão, pois isso desordenaria a área do herói O objetivo é uma experiência cinematográfica, auto-reproduzida Para galerias controladas pelo usuário, você usaria um widget dedicado do Slider ou Carrossel.
O uso de várias imagens de alta resolução irá desacelerar minha página?
Pode, se não tiver cuidado, Sempre otimize suas imagens antes de fazer upload (comprima-as para a web).Use a configuração Resolução de imagem para servir arquivos de tamanho apropriado Por exemplo, use “Large” em vez de “Full” se o contêiner tiver apenas 1200 px de largura Isso mantém o impacto visual alto e a velocidade rápida.
Posso usar isso em uma coluna, não apenas em uma seção completa?
Sim! pode aplicar o Deslizador de Fundo às Secções, Contentores e Colunas Isto significa que poderá ter uma coluna de conteúdo estático ao lado de uma coluna com um fundo deslizante, criando layouts dinâmicos e complexos com facilidade.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
Duplicador de postagem/página
