[Résolu] Slider infini en réordonnant les éléments

Salut

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

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)

Bon ça y est, trouvé !
Réponse ici : https://stackoverflow.com/questions/31684305/javascript-insertbefore-not-working-properly
Les espaces et autres tabs sont aussi considérés comme des enfants !!! (C'est con javascript.)
Il faut utiliser :

real.insertBefore(real.lastElementChild, real.firstElementChild)