La technique consiste à charger toute les images d’une animation et de n’en afficher qu’une seul. Ensuite, de déplacer le fond de manière à faire apparaitre la seconde image, puis la troisième, etc … pour donner ainsi l’illusion de mouvement. Ceci peut-être répéter à l’infinie. Ici un exemple de code, donnant l’illusion d’un personnage qui…
Catégorie : JavaScript
Animation et Javascript
Une première animation avec intégration de javascript. En commentaire les différente méthode d’intégration du onclick. Dans le html ou dans un script. Il faut bien faire attention à ce que chaque bouton et élément devant être actionné en même temps face partie d’un parent commun. Le script du fichier classlist.js
ClassList
Basculer les valeurs d’un objet. Le même code simplifier: Evaluation!!! 1ere partie: 2eme partie: Noter qu’il n’y a pas d’espace entre .diapositive.diapositiveActive, dans le css, ceci à pour effet de cibler les deux class. Dans le script, ajouteClass, de la variable lien04, n’est pas util, puisque que la fonction ne sert uniquement qu’…
Galerie Javascript
Exercice concret: Pour intégrer dans la page html, placer juste avant le </body> le chemin du fichier. <script src= »js/galeries01.js »></script> Dans le fichier .js, pour récupérer, placer: var galerie = document.querySelector(‘#galerie-01’); var afficheur = galerie.querySelector(‘.afficheur’); var liens =galerie.querySelectorAll(‘a’); Pour récupérer toutes les photos, il nous faut faire une boucle: for (let i=0; i<liens.length; i++){ liens[i].onclick=function(){ afficheur.src=this.href;…
Les objets et les tableaux
Le JavaScript met à notre disposition des objets natifs, c’est-à-dire des objets directement utilisables. Vous avez déjà manipulé de tels objets sans le savoir : un nombre, une chaîne de caractères ou même un booléen. Que contiennent les objets ? Les objets contiennent trois choses distinctes : un constructeur ; des propriétés ; des méthodes….
Les fonctions
Concevoir des fonctions Dans les chapitres précédents vous avez découvert quatre fonctions :alert(),prompt(),confirm()et parseInt(). Vous avez pu constater que chacune de ces fonctions avait pour but de mener à bien une action précise, reconnaissable par un nom explicite. Voici comment écrire une fonction : function myFunction(arguments) { // Le code que la fonction va devoir exécuter…
Les boucles
Les boucles while La boucle while permet de répéter une liste d’instructions tant que la condition est vérifiée. Tant que celle-ci est vraie (true), la boucle se répète. Dès que la condition est fausse (false), la boucle s’arrête. Il faut s’arranger, à un moment, pour que la condition ne soit plus vraie. Voici un exemple de la…
JavaScript (introduction)
Le JavaScript est un langage de programmation interprété, c’est-à-dire qu’il a besoin d’un interpréteur pour pouvoir être exécuté. Tout comme le HTML, le JavaScript est généralement exécuté par le navigateur de l’internaute : on parle d’un comportement client-side, par opposition au server-side lorsque le code est exécuté par le serveur. La syntaxe du JavaScript Les instructions Les instructions…