Curseur d'arrière-plan d'élément libre (diaporama de section avec Ken Burns)

Background Slider est une extension gratuite de Master Addons qui transforme l'arrière-plan d'un conteneur, d'une section ou d'une colonne Elementor en un diaporama d'images tournant Vos titres et boutons restent en place pendant que les photos changent derrière eux Il est livré avec 24 transitions plus une option Aléatoire, Ken Burns mouvement dans neuf directions, neuf superpositions de motifs ou votre propre superposition de couleurs et de dégradés, et une barre de progression en option Les gens l'utilisent surtout pour les sections de héros sur les sites de service, de restaurant, de voyage et de portefeuille.

Panneau de curseur d'arrière-plan dans Elementor avec cinq images sélectionnées et les dépôts de transition et d'animation s'ouvrent à côté d'un héros des services de nettoyage

24 transitions et Ken Burns Motion

Le Transition list décide comment une diapositive passe à la suivante : Fade, Slide Left, Slide Right, Slide Up, Slide Down, Zoom In, Zoom Out, Swirl Left, Swirl Right, Burn, Blur et Flash Chacun a une deuxième variante, qui fait 24, et Random choisit un effet différent pour chaque changement. Le Animation setting ajoute ensuite un zoom et un panoramique lents de Ken Burns à l'intérieur de chaque diapositive.

  • Transition : 24 effets plus Aléatoire. Le fondu est la valeur par défaut.
  • Animation: Kenburns, Kenburns Up, Down, Left, Right, les quatre directions diagonales, Random ou None.
  • Affichage aléatoire : mélange l'ordre des images lorsque la page est générée Sur une page mise en cache, l'ordre reste le même jusqu'à ce que le cache soit effacé.

Superpositions qui maintiennent la lecture du texte

Le texte blanc sur une photo occupée est difficile à lire. Avec Surcouche personnalisée off, le Surcouche menu pose l'un des neuf modèles de points et de lignes carrelés (Style 1 à Style 9) sur les diapositives, et Style 1 est activé par défaut Commuter Surcouche personnalisée pour afficher et vous pouvez utiliser une couleur unie, une image ou un dégradé linéaire ou radial à la place.

  • Superposition : Aucun ou Style 1 à Style 9, petits motifs répétitifs de la bibliothèque de diaporamas de Vegas.
  • Superposition personnalisée : couleur, image ou dégradé avec deux arrêts de couleur, angle et position.
  • Force de teinte : il n'y a pas de curseur d'opacité séparé, alors choisissez une couleur avec transparence, par exemple rgba (0,0,0,0,5).
Paramètres de dégradé de superposition personnalisés dans le panneau du curseur d'arrière-plan à côté d'une section héros avec un dégradé sombre sur la photo
Retombées d'animation et de superposition de curseurs d'arrière-plan répertoriant les directions de Kenburns et le style 1 au style 9 à côté d'un héros du salon

Timing, couverture et taille de l'image

Retard est un champ de texte en millisecondes Il est par défaut 5000, et 3000 donne un rythme plus rapide. Couverture set to True remplit toute la zone et recadre les bords, tandis que False s'adapte à chaque image à l'intérieur. Minuterie affiche une barre de progression fine pour la diapositive actuelle Elle est allumée par défaut, et les diapositives continuent de tourner lorsque vous l'éteignez.

  • Retard: combien de temps chaque diapositive reste à l'écran, en millisecondes.
  • Résolution de l'image : chargez grand ou moyen au lieu de plein pour réduire la taille des fichiers.
  • Où ça marche: conteneurs, sections et colonnes, afin qu'une colonne puisse exécuter son propre diaporama à côté d'un diaporama statique.

Diaporama d'arrière-plan de l'élémenteur par rapport à l'extension du curseur d'arrière-plan

Le plugin gratuit Elementor core comprend déjà un type d'arrière-plan Diaporama (vérifié sur Elementor 4.2.4).Définissez le type d'arrière-plan d'un conteneur sur Diaporama et vous obtenez un arrière-plan rotatif de base sans aucun addon Voici comment il se compare avec l'extension.

CaractéristiqueFond du diaporama ElementorDirigeant d'arrière-plan des modules principaux
PrixGratuit (Cœur de l'élément)Gratuit (Master Addons)
Fonctionne surConteneurs, sections, colonnesConteneurs, sections, colonnes
Transitions5 : Fade et Glissez dans quatre directions24 plus Aléatoire
Durée de transitionOui, en ms (500 par défaut)Aucun paramètre
Durée de la diapositiveOui, 5000 ms par défautRetard, 5000 ms par défaut
Ken BurnsZoom avant ou arrière9 directions, Aléatoire ou Aucune
SurcoucheSection de superposition d'arrière-plan séparée9 superpositions de motifs ou couleur, image, dégradé personnalisés
Ordre aléatoireNonOui
Barre d'avancementNonOui (Timer)
Bascule de boucle infinieOuiToujours des boucles
Charge lazyOuiNon
Taille et position par appareilOuiCouvrir uniquement sur ou hors tension

Si cinq transitions et un simple zoom couvrent ce dont vous avez besoin, le diaporama Elementor est l'option la plus légère, et il a un positionnement par chargement par lazy et par appareil qui manque à l'extension L'extension vaut la peine d'être ajoutée quand vous voulez plus de styles de transition, de mouvement directionnel Ken Burns, de superpositions de motifs, d'un ordre aléatoire ou d'une barre de minuterie visible.

Plus d'effets de fond de section : Particules (gratuit), Fond de dégradé animé (Pro) et Glassmorphisme (gratuit).

Visionneuse de modèles
Facebook
Twitter
WhatsApp
Copier le lien
Acheter Maintenant
Services de nettoyage
Services de nettoyage

Comment ajouter un curseur d'arrière-plan dans Elementor

L'extension est livrée avec le plugin gratuit et la configuration prend quelques minutes.

  1. Installez Master Addons pour Elementor depuis WordPress.org, accédez à Additions principales > Extensions et vérifiez ça Curseur d'arrière-plan est allumé.
  2. Modifiez une page avec Elementor et sélectionnez le conteneur, la section ou la colonne que vous souhaitez modifier.
  3. Ouvrir le Style onglet, développer Curseur d'arrière-plan et ensemble Activer le curseur d'arrière-plan à Oui.
  4. Cliquez Ajouter des Images, choisissez deux photos ou plus et choisissez une Résolution d'image cela convient à la largeur de la section.
  5. Choisir un Transition et un Animation(en), puis entrez le Retard en millisecondes (5000 par défaut).
  6. Cliquez Appliquer pour actualiser l'aperçu, puis mettre à jour la page.

Pour d'autres façons de styliser une section, consultez notre Guide d'arrière-plan de la page Élémentor.

Questions fréquemment posées pour le curseur d'arrière-plan

Découvrez les requêtes les plus demandées par les utilisateurs sur Background Slider et trouvez des réponses au même endroit.
L'extension Background Slider est-elle gratuite ?

Oui. Il fait partie du plugin gratuit Master Addons sur WordPress.org, et chaque paramètre décrit sur cette page fonctionne sans licence Pro. Allumez-le sous Master Addons > Extensions s'il est éteint.

Non. Il n'y a pas de flèches, de points ou de bouton de pause. Les diapositives tournent d'elles-mêmes au délai que vous définissez, et la barre de minuterie en option n'affiche que la progression. Si les visiteurs doivent cliquer sur les images, utilisez un carrousel tel que le Carrousel d'images widget à la place.

En quoi est-ce différent du diaporama en arrière-plan Elementor ?

Free Elementor a déjà un type d'arrière-plan Diaporama avec 5 transitions, un zoom Ken Burns vers l'intérieur ou vers l'extérieur, un réglage de durée de transition, un chargement par lazy et un positionnement par périphérique. Le curseur d'arrière-plan vous offre 24 transitions, Ken Burns dans neuf directions, des superpositions de modèles et personnalisées, un ordre aléatoire et une barre de progression. Il n'a pas de téléchargement paresseux ni de paramètre de durée de transition, alors choisissez Élémenteur si ceux-ci comptent plus.

Ils peuvent. L'extension n'a pas de paramètre de chargement paresseux, alors compressez vos photos avant de télécharger et définissez la résolution de l'image sur Large ou Medium lorsque la section est plus étroite que le fichier d'origine. Trois à cinq images suffisent pour la plupart des sections de héros.

Widgets et extensions d'éléments tendance

Construisez des sites Web sophistiqués en moins de temps.

Master Addons Extension de glassmorphisme pour Elementor : cartes en verre dépoli avec le contrôle Blur Value réglé sur 20px

Glassmorphisme

Accueil Extension de glassmorphisme des éléments libres : l'effet du verre givré en un seul bascule Le glassmorphisme est givré...
Voir Détails
Extension d'extras de conteneur Master Addons pour élémenteur : conteneur bouché à une largeur maximale de 1 400 px, avec des commandes de largeur maximale, de hauteur maximale, de largeur minimale et de hauteur minimale

Extras de conteneurs

Accueil Elementor Container Max Width et Max Height Controls Container Extras est un Master gratuit...
Voir Détails
Extension de modèles Master Addons pour Elementor : héros avec le style Purple Gradient Grid Left, trois autres styles de modèles et le panneau Enable Pattern

Modèles

Accueil 70+ Motifs d'arrière-plan d'élément libre Patterns est une extension gratuite Master Addons qui ajoute...
Voir Détails
Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]

Duplicateur de messages/pages

Accueil Dupliquer les pages et les messages des éléments en un clic Le duplicateur de messages/pages est un maître gratuit...
Voir Détails
Modules principaux Lire l'extension de la barre de progression pour Elementor : barre bleue remplie à 42 % en haut d'une page de politique de confidentialité, avec les paramètres d'activation, de position, de hauteur et de couleur de remplissage

Barre de progression de lecture

Accueil Ajouter une barre de progression de lecture dans WordPress (Elementor) La barre de progression de lecture est gratuite...
Voir Détails