Изменить фон тела с помощью колеса мыши «прокрутки» ⇐ Html

[Anonymous]

Я хочу, чтобы изображения отображались последовательно, но в Chrome изображения появляются и исчезают.
Я использую этот код:
$(document).scroll(function () {

if ($(this).scrollTop() > 50) {
$('body').css("background-image", 'url("1.jpg")').fadeIn("slow");
}
if ($(this).scrollTop() > 100) {
$('body').css("background-image", 'url("2.jpg")').fadeIn("slow");
}
if ($(this).scrollTop() > 150) {
$('body').css("background-image", 'url("3.jpg")').fadeIn("slow");
}
if ($(this).scrollTop() > 200) {
$('body').css("background-image", 'url("4.jpg")').fadeIn("slow");
}
if ($(this).scrollTop() > 250) {
$('body').css("background-image", 'url("5.jpg")').fadeIn("slow");
}
if ($(this).scrollTop() > 300) {
$('body').css("background-image", 'url("6.jpg")').fadeIn("slow");
}
if ($(this).scrollTop() > 350) {
$('body').css("background-image", 'url("7.jpg")').fadeIn("slow");
}
if ($(this).scrollTop() > 400) {
$('body').css("background-image", 'url("8.jpg")').fadeIn("slow");
}
if ($(this).scrollTop() > 450) {
$('body').css("background-image", 'url("9.jpg")').fadeIn("slow");
}
if ($(this).scrollTop() > 500) {
$('body').css("background-image", 'url("10.jpg")').fadeIn("slow");
}

});


Подробнее здесь: https://stackoverflow.com/questions/246 ... eel-scroll