Montrez le changement sur place
Avant et après, étapes d'un chantier, rénovation ou pièce vide et meublée : les visiteurs comparent là où cela s'est passé.
krpano Plugins
Plugin 
krpano v1.0.0 Nouveau
krpano v1.0.0 NouveauCompare Views
Comparez deux prises de vue du même lieu dans votre visite krpano : avec un curseur ou côte à côte, toujours exactement dans la même vue.
39 € Prix unique, HT
Compatibilité
Vérifié pour krpano 1.23.2–1.24
Comment ça marche.
Avancement d'un chantier, rénovation, home staging virtuel ou jour et nuit : le même lieu à des moments différents raconte une histoire que deux scènes séparées ne peuvent pas raconter. Compare Views superpose une seconde prise de vue à la scène actuelle. Les visiteurs déplacent un séparateur ou, sur ordinateur, voient les deux prises côte à côte, et les deux tournent et zooment toujours ensemble. Vous regroupez les scènes d'un même lieu dans votre XML, vous les alignez une fois avec le mode de calibrage, et chaque réglage est un attribut d'un seul élément XML. La démo compare trois prises de vue d'un belvédère par des temps différents.
Installation.
- 1
Copiez un dossier
Placez le dossier chiffré du plugin dans votre visite et ajoutez un élément layer à votre XML.
- 2
Regroupez vos prises
Listez les scènes qui montrent le même lieu dans un élément group, par exemple les étapes du chantier d'une pièce.
- 3
Alignez une fois
Activez calibrate="true", tournez chaque prise jusqu'à ce qu'elle s'aligne et copiez la ligne affichée dans votre XML.
Ce qui fait la différence.
Toujours la même vue
Les deux prises tournent et zooment ensemble à chaque image, des deux côtés du séparateur et dans la vue partagée.
Adapté à chaque écran
Un séparateur pour la souris, le tactile et le clavier, une vue partagée sur ordinateur et un curseur plus léger sur mobiles et tablettes.
Captures d'écran.
Essayer la démoParamètres.
À définir comme attributs dans le XML de votre visite.
| Paramètre | Type | Par défaut | Description |
|---|---|---|---|
active | Oui / Non | true | Active ou désactive Compare Views pendant la visite (par défaut true). |
modes | Liste | slider|split | Affichages que le visiteur peut choisir, dans l'ordre des boutons : slider|split (par défaut), split|slider, slider ou split. La vue partagée n'apparaît que sur les grands écrans d'ordinateur. |
start_mode | Liste | off | Ouvre la comparaison à l'entrée dans une scène d'un groupe : off (par défaut, seulement le bouton Compare), slider ou split. |
slider_position | Nombre | 0.5 | Position de départ du séparateur en part de la largeur depuis le bord gauche (0.05–0.95, par défaut 0.5). |
labels | Oui / Non | true | Affiche les étiquettes des états des deux côtés (par défaut true). |
slot | Liste | top-center | Emplacement du bouton Compare et de la barre : top-center (par défaut) ou bottom-center. |
offset | Nombre | 16 | Distance du bouton et de la barre au bord en pixels (0–200, par défaut 16). |
theme | Liste | dark | Thème de couleurs sombre (par défaut) ou clair. |
accent_color | Couleur | #3D8BFF | Couleur de l'icône Compare, de l'affichage choisi et du contour de focus (par défaut #3D8BFF). |
transition | Oui / Non | true | Ouvre, ferme et modifie la comparaison avec de courtes transitions douces ; false la modifie immédiatement. Les visiteurs ayant activé la réduction des animations ne voient jamais de mouvement. |
transition_duration | Nombre | 280 | Durée des transitions en millisecondes (100–1000, par défaut 280). |
mobile_quality | Nombre | 0.75 | Échelle de rendu de l'image comparée sur mobiles et tablettes (0.5–1, par défaut 0.75) ; 1 est le plus net mais demande plus de puissance graphique. |
calibrate | Oui / Non | false | Mode créateur : une barre qui tourne la prise comparée par pas de 0,1° et affiche la ligne d'état prête à copier ; ne jamais le laisser activé dans une visite publiée (par défaut false). |
debug | Oui / Non | false | Affiche le nombre de groupes et d'états dans la console du navigateur (par défaut false). |
text_compare | Texte | Compare | Libellé du bouton Compare (par défaut « Compare ») ; une clé <languages> ou un texte. |
text_slider | Texte | Slider | Libellé du bouton Slider (par défaut « Slider »). |
text_split | Texte | Split | Libellé du bouton Split (par défaut « Split »). |
text_close | Texte | Close | Libellé du bouton de fermeture (par défaut « Close »). |
text_divider | Texte | Divider | Nom du séparateur pour les lecteurs d'écran (par défaut « Divider »). |
text_states | Texte | States | Info-bulle de l'étiquette de droite, qui affiche l'état suivant (par défaut « States »). |
<layer name="z360_compare_views"
url="plugins/z360_compare_views/z360_compare_views.js"
keep="true"
start_mode="slider" />
<z360_compare_views_group name="kitchen" title="Kitchen"
scenes="scene_kitchen_before,scene_kitchen_after" />
<z360_compare_views_state name="scene_kitchen_before" label="Before" />
<z360_compare_views_state name="scene_kitchen_after" label="After" hoffset="12.5" />Fonctionnalités
- Curseur avant/après avec un séparateur déplaçable au-dessus de la visite
- Vue partagée côte à côte sur les grands écrans d'ordinateur
- Groupes avec autant d'états que nécessaire par lieu ; toucher l'étiquette affiche l'état suivant
- Synchronisation exacte de la direction, de l'inclinaison et du zoom à chaque image
- Décalage d'orientation par état pour les prises orientées différemment
- Mode de calibrage qui affiche la ligne d'état prête à copier
- Utilise les scènes de la visite : ni seconde visite ni iframe
- S'ouvre automatiquement ou avec un bouton Compare ; se masque en VR et revient ensuite
- Rendu plus léger de l'image comparée sur mobiles et tablettes
- Transitions douces, désactivées avec la réduction des animations
- Contrôle au clavier et libellés pour lecteurs d'écran
- Textes en plusieurs langues, thème sombre et clair, couleur d'accent et variables CSS
- Fichier du plugin chiffré, chaque réglage en attribut XML
Contenu
- plugins/z360_compare_views/z360_compare_views.js (chiffré)
- Manuel (anglais)
Autres produits pour krpano.
Detail Loupe
Une loupe pour les photos des visites krpano – à la souris, au stylet et au toucher.
Floor Plan
Un plan d'étage interactif pour votre visite krpano : un radar montre où se trouvent les visiteurs et où ils regardent, à chaque étage.
Info Cards
Des fiches d'information pour votre visite krpano : panneau latéral sur ordinateur, feuille en bas d'écran sur mobile et fiche d'accueil, avec photos, vidéo, informations clés et boutons.