Changement d'image au scroll

Bonjour à tous,

Je suis nouvelle sur le forum, et complètement novice en javascript.
Je m'en remets à vous pour cette question toute bête, mais pour laquelle j'ai retourné le web sans parvenir à mes fins…

Voilà, je souhaiterai afficher une image et que celle-ci change au scroll.
Avoir une liste d'images, dans un ordre précis, qui apparaissent grâce au scrolling, les unes à la suite des autres.

Merci à vous!

Bonjour,

Sans donner le code exact, qui dépend aussi de la structure exacte de la page, la méthode est la suivante :

l'évènement onscroll permet... d'intercepter le scroll !, donc il faut ajouter un attribut

onscroll='ajouterimage()'

sur la première image, ainsi que sur toutes les images qui seront elles-mêmes ajoutées.

le code html contiendra une première image elle-même contenue dans une div , donc :

<div id='divimage'>
<img src='....' onscroll='ajouterimage()'>
</div>

pour ajouter une image en javascript :

function ajouterimage()
{
limage =  document.createElement("img");
limage.setAttribute("src","............");
limage.setAttribute("onscroll","ajouterimage()");
document.getElementById("divimage").appendChild(limage);
}

Salut Didodu258,
j'essai de mettre ton système en place mais je n'ai pas de fond qui s'affiche.
Aurais tu un codepen ou autre en exemple ?