Как я могу поменять картинку используя javascript

Question

Я сделал этот заголовок: https://www.youtube.com/watch?v=LOWjWRy_Kks и вместо логотипа вставил картинку черного цвета.

Когда я прокручиваю вниз, я хочу, чтобы это изображение было белым (поскольку заголовок становится черным), поэтому я сделал белую версию того же изображения.

Однако я не знаю, куда вставить изображение.Я думал о том, чтобы вставить его в код JavaScript, который выглядит следующим образом:

    $(window).on('scroll', function() {
    if($(window).scrollTop()) {
      $('nav').addClass('black');
    }
    else {
      $('nav').removeClass('black');
    }
  })

Как я могу поменять это белое изображение с помощью JavaScript?

Answer 1

Я не выполнял этот код, но я видел видео и с этой ссылкой предлагал следующий код, чтобы удовлетворить ваши требования.

<script type="text/javascript">
    $("#logoimageid").attr('src', 'blacklogo.jpg');//this will not required if default 'blacklogo.jpg' src alerady set in img tag 
     $(window).on('scroll', function() {
    if($(window).scrollTop()) {
      $("#logoimageid").attr('src', 'whitelogo.jpg');
    }
    else {
      $("#logoimageid").attr('src', 'blacklogo.jpg');
    }
  })
</script>