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