11300 sujets

JavaScript, DOM et API Web HTML5

Salut

Je tâtonne beaucoup en javascript et à chaque fois que je veux essayer un nouveau truc ça ne marche pas ! Smiley bawling

Aujourd'hui j'aimerais ajouter le scroll infini à mon slider
https://codepen.io/kerlutinoec/pen/dyJdQwz
Et je me suis dis que le plus simple serait de déplacer en javascript la première image en dernier à chaque décalage (et inversement).
J'ai commencer à tester sur la flèche gauche (plus rapide à aller voir) avec
real.insertBefore(real.lastChild, real.firstChild)
...mais rien ne se passe ! Il n'y a rien de plus à gauche après clic (même avec un scroll manuel ensuite).

Qu'est-ce que je n'ai pas compris ?
Bon c'est très bizarre : ça ne marche pas au premier clic mais ça marche au second clic !!!
(A chaque fois il faut cliquer deux fois !)

A quoi c'est dû ? Comment j'évite ça ?
Modifié par kerlutinoec (06 Apr 2022 - 16:32)