Curseur d'arrière-plan
Oubliez les images statiques de héros Captez l'attention et racontez une histoire avec un fond émouvant et respirant L'extension Background Slider vous permet de transformer n'importe quel conteneur en un diaporama automatisé époustouflant Téléchargez vos images, choisissez parmi 26 transitions professionnelles et 11 animations Ken Burns pour créer des zooms et des poêles fluides Ajoutez des superpositions élégantes pour la lisibilité du texte, définissez le timing parfait et regardez votre message clé glisser sur une galerie de visuels Parfait pour les portfolios, les vitrines de produits, les sites de voyage ou toute page qui doit faire une première impression puissante.
Transitions et animations cinématographiques
Évitez les coupes ennuyeuses et discordantes entre les diapositives Sélectionnez des transitions douces comme Fade, Slide, Zoom ou créatives comme Flip et Cube Ensuite, apportez à chaque image une vie avec un effet Ken Burns un zoom ou un panoramique subtil et lent (comme “Up Right” ou “Zoom In”) qui ajoute une profondeur semblable à celle d'un film et maintient l'œil du spectateur engagé au fur et à mesure que l'histoire se déroule.
- Transitions douces : choisissez parmi plus de 26 effets (Fade, Slide, Curtain, etc.) pour des changements d'image transparents.
- Ken Burns Magic : Appliquez 11 animations panoramiques et zoom directionnelles différentes pour que les photos statiques semblent vivantes.
- Affichage aléatoire : mélangez l'ordre des diapositives pour une nouvelle expérience à chaque chargement de page.
Superpositions intégrées pour une lisibilité parfaite
Un problème courant avec les curseurs d'arrière-plan est que le texte devient difficile à lire sur des images occupées Nous résolvons cela avec 9 styles de superposition prédéfinis (comme le dégradé sombre, le maillage clair ou les teintes de couleur).Ne les aimez pas ? Créez une superposition personnalisée en utilisant une couleur unie, un dégradé ou même une image semi-transparente pour atténuer l'arrière-plan juste assez, rendant vos titres et vos boutons cristallins.
- Superpositions en un clic : appliquez des superpositions élégantes instantanées (aucune, dégradé sombre, lumière, points, etc) pour le contraste.
- Superposition personnalisée complète : utilisez le sélecteur de couleurs ou l'outil dégradé pour créer une teinte parfaite qui correspond à votre marque.
- Opacité de contrôle : affinez l'intensité de superposition pour équilibrer la beauté de l'arrière-plan et la clarté du texte.
Contrôle total de la synchronisation et de l'affichage
Vous contrôlez toute l'expérience Réglez le Délai (en millisecondes) entre les diapositives 5000 ms pour un rythme calme, 3000 ms pour plus d'énergie Choisissez si les images doivent Couvrir la zone parfaitement sans étirer Activez la barre de progression de la Minuterie pour montrer aux spectateurs combien de temps jusqu'à la diapositive suivante, ou cachez-la pour un look plus propre.
- Définissez votre rythme : ajustez le curseur Retard pour contrôler la durée d'affichage de chaque image.
- Perfect Fit : assurez-vous que les images couvrent la zone sans distorsion, en les recadrant intelligemment.
- Optimiser les performances : sélectionnez Résolution de l'image (pleine, grande, moyenne) pour équilibrer la qualité visuelle avec la vitesse de chargement des pages.
Questions fréquemment posées pour le curseur d'arrière-plan
En quoi est-ce différent d'un widget Image Carousel classique ?
Un carrousel est un élément de contenu que vous mettez à l'intérieur d'une section Ce curseur d'arrière-plan est un arrière-plan pour la section/le conteneur lui-même Votre texte, vos boutons et autres widgets sont placés au-dessus des images glissantes C'est pour créer des zones de héros immersives, pas pour afficher une galerie de vignettes de produits.
Les visiteurs peuvent-ils faire une pause ou naviguer dans le curseur ?
L'extension se concentre sur la présentation automatique en arrière-plan Elle n'ajoute généralement pas de boutons de pause/lecture visibles ni de flèches de navigation par défaut, car cela encombrerait la zone des héros L'objectif est une expérience cinématographique et auto-lecture Pour les galeries contrôlées par l'utilisateur, vous utiliseriez un widget dédié Slider ou Carousel.
L'utilisation de plusieurs images haute résolution ralentira-t-elle ma page ?
Il peut, si vous n'y prenez garde Optimisez toujours vos images avant de les télécharger (compressez-les pour le web).Utilisez le paramètre Résolution de l'image pour servir des fichiers de taille appropriée Par exemple, utilisez “Large” au lieu de “Full” si le conteneur n'a qu'une largeur de 1200 pxCela maintient l'impact visuel élevé et la vitesse rapide.
Puis-je utiliser cela sur une colonne, pas seulement une section complète ?
Oui ! vous pouvez appliquer le curseur d'arrière-plan aux sections, conteneurs et colonnes Cela signifie que vous pouvez avoir une colonne de contenu statique à côté d'une colonne avec un arrière-plan coulissant, créant facilement des mises en page dynamiques et complexes.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
