Délayer une animation SVG qui loop
Il est possible d’utiliser ce délai pour gérer l’af fichage d’une animation SVG qui loop. En ef fet, le
principal problème des animations SVG réside dans le fait que l’on peut faire : soit une animation
qui fait apparaître nos éléments, soit une animation de nos éléments qui loop. Il n’est pas
(encore) possible de combiner les deux. S’of frent alors 2 solutions pour palier ce problème :
1. Prendre en considération l’apparition
et l’intégrer dans le loop de vos animations.
2. Ajouter la variable delay dans les autres paramètres de votre lien Multimédia. De cette manière, votre
animation s’af fichera et se déclenchera en fadein à la f in du délai, puis se mettra à looper par la suite.
À savoir que cette méthode delay peut être utilisée sur d’autre type de lien comme les Diaporamas
intégrés ou les Vidéos intégrés, af in d’adapter au mieux vos enrichissements dans votre f luidbook.
Déclencher un lien
Le lien Déclencher un lien permet, comme son nom l’indique, de déclencher n’importe quel autre(s) lien(s)
en fonction de dif férents événements, qui sont détaillés ci‑dessous. Il est possible de déclencher plusieurs liens en même temps.
A l’arrivée sur la page
Ce mode permet de déclencher un ou plusieurs lien(s) lors de l’ouverture de la page. Il permet, par exemple,
d’af ficher un popup lorsque l’utilisateur arrive sur la page. Ou bien de mettre un délais sur une animation SVG
Il est possible d’ajouter un délai pour ce déclenchement (dans le cas où il y aurait d’autres éléments à af ficher avant,
comme des animations dans la page). Pour ce faire, ajouter une variable delay= dans la box des autres paramètres.
Au clic sur ce lien
Le nom du mode est assez explicite. Il est surtout utile lorsque l’on a besoin de déclencher plusieurs choses
à la fois lors d’un clic. Exemple, un utilisateur va cliquer pour ouvrir un popup et une instruction pour l’étape
d’après va s’af ficher en parallèle sur la page. Il peut également être utilisé pour reset une ou des animation(s)
(c’est notamment ce qui est utilisé sur le bouton Relauch rencontré sur les pages précédentes).
Ne pas oublier d’ajouter la variable autoStart=false dans les paramètres de vos animations
Toolbox ou .html, af in qu’elles ne se déclenchent pas automatiquement mais uniquement au clic.
Arrêter au clic
Beaucoup moins utilisé, ce mode permet, par exemple, d’arrêter une animation.
Astuce
Reset
Pause
Trigger
Lien Multimédia
En mode Popup
The animation
a hidden
+ the following
animation