Changement de l'image BG sur le défilement

Question

Fondamentalement, je veux que l'image de fond change lorsque l'utilisateur fait défiler vers le haut ou vers le bas. Je sais que cela peut être fait avec jquery, je ne suis pas assez d'expérience pour savoir exactement comment. Des idées?

Answer 1

Voici un exemple concret de .scroll() et .css() travaillant ensemble (demo):

$(window).scroll(function() { 
    $("#TheCage").css(
    { 
     'display': 'block', 
     'background-image': 'url(http://www.placecage.com/300/200)' 
    }).fadeOut("slow", function() { 
     $("#TheCage").css({'background-image': 'none'}) 
     }); 
    } 
);