Концепция: < /strong> (большое количество изображений будет предварительно загружено и установлено в качестве фона. В основном названо: imgname1.jpg, imgname2.jpg, imgname3.jpg и т. Д.
Таким образом, «imgname» в паре с номером Scrolltop.$(function getPos() {
var Pos = $(window).scrollTop(); // "Pos = scrollTop and is added onto imgname
return Pos;
});
$(function() {
$(window).scroll(function() { //Defines that this function will be triggered as the scrollbar is moving
var image_url = 'http://www.examplehost.com/imgname' + Pos + '.jpg'
if (getPos()>1) { //If the vertical position of scrollbar is above 1 display imgname + Pos + .jpg (ex: imgname30.jpg) and add to url
$("body").css('background-image', image_url);
}
else { //If the vertical position of scrollbar is at 1 display start image
$("body").css('background-image', url("http://www.examplehost.com/imgname/0.jpg");
}
});
}); //function ends
< /code>
Я не знаю, какой это беспорядок, и да, я буду чистить основы, так как это логично, но совершенно неправильно, я уверен. Для этого проекта, однако, мои знания только ограничивают меня догаданием /удивлением следующего: < /p>
- Мне нужна запятая после моего "}", когда функции заканчиваются. Пример:},
Все открыто и закрыто правильно. />
Дополнительная информация, которая может помочь/дальнейшее разъяснение, Цель состоит в том, что позиция изображения остается неподвижной, а новая «кадр» вступает во владение с каждым приращением прокрутки. В конечном счете, я бы по центру + сохранил изображения в полном экране.>
Подробнее здесь: https://stackoverflow.com/questions/133 ... -on-scroll
