Jquery/javaScript: фоновая image, изменения на прокруткеJquery

Программирование на jquery
Ответить
Anonymous
 Jquery/javaScript: фоновая image, изменения на прокрутке

Сообщение Anonymous »

Я предварительно предвещаю это, сказав, что я новичок, и мой код, вероятно, склонно грязно и/или неконсервант, но я все равно опубликую его в надежде, что эти ошибки могут быть пойманы. /> Что у меня есть до сих пор, представляет собой комбинацию нескольких учебных пособий и выдержек отсюда: < /p>

Концепция: < /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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»