• Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы про uCoz » Смена изображений при прокрутке на JS (Как правильно использовать уже готовое решение)
Смена изображений при прокрутке на JS
mamoiseeva28
Среда, 25 Марта 2020 | Сообщение 1
Оффлайн
Пользователи
Сообщений:1
Награды: 0
Код становится нерабочим, если блок с картинками перетащить в середину страницы. Отображается только текст без картинок.

Ссылка на статью с кодом и примерами: (/load/smena)

Вот код JS, в котором скорее всего кроется решение данной задачи.

Код

var angrednsol1 = $('#angrednsol1').offset().top;
var angrednsol2 = $('#angrednsol2').offset().top;
var angrednsol3 = $('#angrednsol3').offset().top;
var angrednsol4 = $('#angrednsol4').offset().top;

var scrollOffset = 300;

$(window).scroll(function() {  
   
  var scroll = $(window).scrollTop() + scrollOffset;  
   

  if ( scroll < 500 ) {
  $('.nanceg-panamen img').attr('src', 'http://zornet.ru/CSS-ZORNET/Kodak_saita/Asvaged/b47sample3.jpg');
  }
   
  if ( scroll > angrednsol2 ) {
  $('.nanceg-panamen img').attr('src', 'http://zornet.ru/CSS-ZORNET/Kodak_saita/Asvaged/image-slider4.jpg');
  }

  if ( scroll > angrednsol3 ) {
  $('.nanceg-panamen img').attr('src', 'http://zornet.ru/CSS-ZORNET/Kodak_saita/Asvaged/image-slider3.jpg');
  }

  if ( scroll > angrednsol4 ) {
  $('.nanceg-panamen img').attr('src', 'http://zornet.ru/CSS-ZORNET/Kodak_saita/Asvaged/image-slider1.jpg');
  }
});


Если можно прошу ответы нормальным языком. Я понимаю, что все уже профессионалы, но я только учусь. Заранее спасибо!
Страна: (RU)
waak
Среда, 25 Марта 2020 | Сообщение 2
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
Здравствуйте ссылку на сайт прикрепите где стоит скрипт и возникла проблема
Страна: (RU)
Kosten
Среда, 25 Марта 2020 | Сообщение 3
Онлайн
Администраторы
Сообщений:44268
Награды: 70
Вот материал от иностранного сайта, где не чего не изменено.


See the Pen
Scrolling
by Kocsten (@kocsten)
on CodePen.




Источник
Страна: (RU)
-SAM-
Четверг, 26 Марта 2020 | Сообщение 4
Оффлайн
Друзья сайта
Сообщений:880
Награды: 40
Цитата mamoiseeva28 ()
Ссылка на статью с кодом и примерами: (/load/smena)
/load/smena_izobrazhenij_pri_prokrutke_na_js/146-1-0-9762 - вот ссылка.

mamoiseeva28, чтобы всё работало должным образом, то последовательность и вложенность элементов должна быть такой же, как изначально в материале... проверяйте у себя.

Если в скрипте там менять, то идёт 300 и 500 - это пиксели, что смотря на сколько смещение идёт от верха при скроллинге страницы, то после показ изображений.





Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".
Страна: (UA)
Форум » Веб-разработка » Вопросы про uCoz » Смена изображений при прокрутке на JS (Как правильно использовать уже готовое решение)
  • Страница 1 из 1
  • 1
Поиск: