Changer d’image fixe lors du défilement

J’essaie de changer d’image lorsque je fais défiler 3 lignes. L’image est un téléphone avec une interface qui devrait correspondre au texte normal, car je fais défiler le nouveau texte et l’interface du téléphone devrait changer en conséquence!

J’ai réussi à modifier un JSFiddle que j’ai trouvé dans un autre fil pour faire le tour avec du texte en Div, mais je ne peux pas coudre pour l’implémenter sur mon site qui a des images avec des URL comme source.

Voici le JSFiddle: http://jsfiddle.net/dB7eF/25/

Voici le JS qui semble faire l’affaire dans JSFiddle:

$("#image1").fadeIn(1000); $(document).scroll(function() { var pos = $(document).scrollTop(); if (pos  200 && pos  600 && pos < 1000) { hideAll("image3"); $("#image3").fadeIn(1000); } }); function hideAll(exceptMe) { $(".image").each(function(i) { if ($(this).attr("id") == exceptMe) return; $(this).fadeOut(); }); } 

Le site est construit avec Visual Composer, alors j’adorerais que les sources des images soient des URL plutôt que des ID, comme dans l’exemple de JSFiddle!

J’ai mis à jour le violon js et ajouté des balises d’image avec la source, en ajoutant une balise d’image dans les balises div

 

http://jsfiddle.net/dB7eF/26/

est-ce ce que vous demandiez?