👆 Zone cliquable (Présentation interactive)
Lien de l'exemple: https://creator.celestory.io/project/Pf6FPWjL
🟪 Zone cliquable

Zone cliquable est un bloc qui permet d'associer des choix à des intéractions localisées dans une image.
Une fois le bloc créé, cliquez sur Editer dans la zone Image.
Une nouvelle fenêtre s'ouvre, celle de l'édition de la Ressource image.
🔺Veuillez après vos modification à bien sauvegarder en cliquant sur Modifier la Ressource et pas simplement en fermant la fenêtre.
Choisissez une image que vous aurez chargé dans Mes Fichiers.

Puis cliquez sur Ajouter un choix pour créer autant d'interaction que désiré.


3 types de visualisations s'ouvrent à vous:
- Forme:
Une zone rectangulaire apparaît en haut à gauche de votre image.
Vous pouvez déplacer et changer la taille de cette zone, ainsi que sa
couleur et sa transparence (vous pouvez donc créer des interactions invisibles).
- Image:
Sélectionnez une image et elle viendra en surimpression de l'image de fond. En cliquand sur cette image, l'utilisateur fera donc ce choix.
- Texte et image:
Vous pouvez sélectionner du texte qui peut avoir en fond une bordure image
(c'est-à-dire une bulle) ou une image.

Chaque choix d'interaction redirigera alors le flux comme un bloc Choix.
🟪 Modifier Zone cliquable
Etendez un point d'entrée d'un choix du bloc Zone Cliquable.
Choisissez le bloc Modifier Zone cliquable.

Vous pouvez dès lors appliquer des changements au Texte si vous avez choisit cette forme d'interaction.:
- Désactiver:
Désactive le Choix selon une condition et affiche si vous le souhaitez un texte explicatif
- Enlever:
Enlève le Choix selon une condition
- Renommer:
Renomme le texte, par exemple selon la valeur d'une variable textuelle
- Changer l'apparence du Texte:
Change la Bordure Image du texte
Mis à jour le : 20/10/2021
Merci !