Réagir au scroll d'un div

Bonjour !

Je dois trouver, pour un client, le moyen de changer une image au fur et à mesure que l'on parcourt du texte.

Concrètement, le texte sera dans un div en taille fixe que l'utilisateur scrollera, et une image, placée à côté, changera à chaque paragraphe...

Comment faire ? Travailler avec les ancres ? Rechercher la position de la barre de scroll ?
Je ne trouve pas de bon évènement pour y parvenir...

edit : depuis ce matin, j'ai déjà pondu le petit code suivant :

function detectScroll()
{
	if(document.getElementById('mondiv').scrollTop > 2000)
	{
		document.getElementById('monimage').src='images/monimage.png';
	}
	if(document.getElementById('mondiv').scrollTop < 2000)
	{
		document.getElementById('monimage').src='images/monimage2.png';
	}
}

Vous en pensez quoi?
Modifié par Noisequik (12 Mar 2008 - 13:45)