11521 sujets

JavaScript, DOM et API Web HTML5

Hi everyone !

Je suis tout nouveau ici et également débutant en développement JS / Canvas. Je me suis lancé un petit défi qui s'avère être peut être un peu trop gros pour moi au final ahahah. Ce serait de réaliser une slideshow avec une animation assez particulière.

Ci joint le code déjà effectué avec l'animation du premier slide (vous verrez ainsi le principe):

Codepen

Le problème est que je ne sais pas vraiment comment procéder par la suite afin de répéter l'effet pour les autres Smiley decu ...J'suppose qu'il faut que je parcours mon tableau d'images et que j'applique l'animation sur chaque canvas mais je sais pas trop comment faire.

Une idée ?
Merci d'avance !

EDIT : Faudra que je trouve un moyen de précharger les images avant de lancer le slide aussi...>< faut recharger plusieurs fois la page avant que ça L'affiche Smiley ohwell

EDIT 2 : J'ai finalement pu rajouter une fonction de préchargement o/
Modifié par Granyth (27 Jan 2016 - 15:35)