Les pistes suivantes définissent ensuite les différents écrans d’animation de chaque portion de de ce CV interactif. Tout est réalisé à base d’articles différenciés grâce au Style.
Enfin, nous avons ajouté des boutons de navigation sous forme d’image, ils nous permettront d’aller en avant ou en arrière sur la timeline. A chaque étape de présentation il est nécessaire de prévoir de nouveaux boutons car ils ont une action différente. Le premier bouton “suivant” a l’action “goto 11s”, le deuxième bouton a l’action “goto 17s”.
Voici une capture de l’évènement sur le premier bouton “suivant”.
Pour ce projet, nous avons glissé notre séquence dans le Storybuilder, et nous avons coché la case Autoplay et la case Plein écran.
Le projet est maintenant publié, nous pouvons le partager ou l’intégrer dans votre site grâce aux différents du types d’exportation disponibles. Dans cette page par exemple, nous avons choisi d’inséré cette création à l’aide d’une iframe.
Pour en savoir plus sur l’utilisation de ces codes d’exportation, vous pouvez consulter cet article.