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


Код становится нерабочим, если блок с картинками перетащить в середину страницы. Отображается только текст без картинок.

Ссылка на статью с кодом и примерами: (http://zornet.ru/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
Дата: Среда, 2020-03-25, 15:48 | Сообщение 2
Оффлайн
Vip
Сообщений:551
Награды: 14


Здравствуйте ссылку на сайт прикрепите где стоит скрипт и возникла проблема
Страна: (RU)
Kosten
Дата: Среда, 2020-03-25, 16:00 | Сообщение 3
Оффлайн
Администраторы
Сообщений:26128
Награды: 60


Вот материал от иностранного сайта, где не чего не изменено.


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




Источник
Страна: (RU)
-SAM-
Дата: Четверг, 2020-03-26, 04:24 | Сообщение 4
Оффлайн
Друзья сайта
Сообщений:673
Награды: 28


Цитата mamoiseeva28 ()
Ссылка на статью с кодом и примерами: (http://zornet.ru/load/smena)
http://zornet.ru/load/smena_izobrazhenij_pri_prokrutke_na_js/146-1-0-9762 - вот ссылка.

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

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





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