Curseur d'image avant et après pour WPBakery Page Builder (anciennement Visual Composer)

Curseur d'image avant et après pour WPBakery Page Builder (anciennement Visual Composer)

Acheter maintenant

Curseur d'image avant et après pour WPBakery Page Builder (anciennement Visual Composer) - 1

Découvrez Super Bundle pour WPBakery Page Builder / Visual Composer

Curseur d'image avant et après pour WPBakery Page Builder (anciennement Visual Composer) - 2

Essayez avant et après dans un environnement en direct avant d'acheter

La meilleure façon d'ajouter un curseur d'image avant/après à votre site

Créez un curseur génial pour présenter vos photos avant et après avec ce shortcode d'élément facile à utiliser.

Déclenchez le curseur avant/après au survol de la souris , cliquez-glissez ou via une barre de défilement . Vous pouvez également ajouter des flèches ou une bordure fractionnée colorée .

Le plugin est accéléré par le matériel et réactif , et il s'ajustera en fonction de la taille de votre écran. Ce qui est encore plus génial, c'est qu'il fonctionne à une vitesse fulgurante sur les appareils mobiles et devient un curseur tactile et glissant .

Ce plugin est parfait pour présenter :

  • Maquiller ou relooker les photos avant & après,
  • Prises de vue avant et après des points de repère et des lieux,
  • Photographie ou conception avant et après captures d'écran,
  • Site avant et après refontes,
  • Et beaucoup plus.

La chose la plus unique est que ce curseur n'est pas votre curseur vertical uniquement ou horizontal uniquement avant/après. Nous prenons en charge les séparations angulaires/diagonales , une première dans les curseurs avant/après.

Comment utiliser l'élément

Créez simplement un élément Avant et Après:

Élément avant et après dans WPBakery Page Builder

Puis dans les paramètres, ajoutez une photo avant et une photo après :

Paramètres avant et après

C'est en gros ça. Vous pouvez également modifier les paramètres pour ajouter une bordure, des flèches et une barre de défilement à votre curseur avant/après.

Lorsque vous consultez le curseur avant/après sur les appareils tactiles, il est automatiquement réactif et activé par le toucher. Mieux encore, les performances sont rapides sur les appareils iOS et Android.

Fonctionnalités impressionnantes

  • Comparaisons d'images originales et nouvelles,
  • Fractionnements horizontaux ou verticaux ,
  • Divisions diagonales – une première dans l'industrie,
  • Vitesses accélérées matériellement,
  • Réactif et tactile activé,
  • Couleurs de bordure et de flèche personnalisables,
  • Des barres de défilement sont disponibles dans les paramètres,
  • Shortcode facile à utiliser ,
  • Élément de création de page WPBakery inclus,
  • bien documenté et
  • Poids léger,
  • Codé proprement dans les normes WordPress

Essayez avant et après dans un environnement en direct avant d'acheter

Vous avez des problèmes avec le plugin?

Rendez-vous sur l' onglet support et consultez la FAQ, ou soumettez un ticket de support !

Vous aimez le plugin?

Assurez-vous de laisser une note et une critique et montrez-nous un peu d'amour.

Mises à jour

 Version 1.4 - 24 octobre 2018==============================* Nouveau: Ajout d'un échange avant et après les images* Nouveau : Ajout d'une option de taille d'image mobile.

Version 1.3 – 21 mars 2018

 * Amélioré: les pointeurs fléchés ont désormais un meilleur alignement.* Amélioré : le curseur peut charger une image de résolution inférieure sur des tailles d'écran inférieures.* Corrigé: les paramètres de la barre de défilement peuvent ne pas s'appliquer du tout.* Ajout d'indicateurs de backend dans le backend de Visual Composer pour une identification plus facile de l'instance et de la configuration d'un élément.* Réécriture des alignements de légende pour une meilleure fonctionnalité. Veuillez prendre note des paramètres que vous avez utilisés, si vous utilisez des légendes dans l'élément Avant et Après, car les options d'alignement ont changé en interne et vous obligeront à réappliquer les paramètres.* Amélioré : Détection mobile.* Correction d'un problème introduit lors de la modernisation qui empêchait les fonctions de retour du curseur de fonctionner.* Ajout d'une routine qui devrait désactiver le flou dans les transformations d'images inclinées. Cela devrait atténuer le flou indésirable dans les images inclinées, mais ce n'est pas une solution garantie.* Ajout d'un avertissement dans la page des paramètres concernant l'utilisation d'angles de curseur en dehors de -45, 0 et 45, en raison d'un possible flou des images par certains moteurs de rendu du navigateur.* Changement du nom du shortcode en gambit_before_after de before_after, pour éviter les conflits avec les thèmes et les plugins avec le même nom de shortcode. Veuillez en prendre note avant de mettre à jour votre copie!  Les shortcodes before_after existants seront toujours rendus, mais doivent être mis à jour avant d'être à nouveau modifiables.* La largeur de bordure par défaut est maintenant de 2px

Version 1.2 – 19 janvier 2016

 * Nouveau paramètre de largeur pour forcer le curseur à avoir une largeur maximale.* Une classe personnalisée peut désormais être définie pour l'élément.* Compilateur amélioré pour des performances plus fiables et un fonctionnement pratiquement sans bogue.* Les légendes de texte pour l'image avant et après l'image sont désormais possibles. Options d'alignement et de style de texte incluses.* Plugin mis à jour selon nos normes de codage actuelles.* Mises à jour automatiques des plugins implémentées. Il vous suffit de saisir votre code d'achat.* Corrections de bugs mineurs.* Suppression de modernizr et mise à niveau de tout le codage de détection mobile.* Suppression des vignettes OTF Regenerate, installez-les simplement si vous en avez besoin.

Version 1.1 – 11 mars 2015

 * Correction d'un bug où le curseur ne fonctionnait pas dans IE9* Correction d'un bug de redimensionnement où parfois les images étaient redimensionnées dans une version agrandie

Version 1.0

 * Première version

Acheter maintenant

Leave a Comment

Your email address will not be published. Required fields are marked *