Как изменить код для прокрутки фиксированных изображений в середине страницы?

Question

[OldBones]

Добрый день, взяла код для реализации задачи от сюда. Все работает до тех пора пока не переношу все в уже готовый код.

Где-то подсознательно я понимаю, что все дело в JS, но решить сама не могу. Даже есть мнение, что все дело в значениях условия, но я уже их меняла, тк у меня явно середина страницы больше 500.

Я новичок, поэтому не ругайте слишком сильно. Буду благодарна если подскажите какие параметры мне нужно настроить и как. Заранее спасибо!

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');
  }
});