Вы можете создать событие jquery .scroll() для проверки значения scrollTop() окна (проверка, прокручивается ли страница сверху или нет), а затем изменить атрибут src изображения в зависимости от этого. ценность. Значение .scrollTop() окна будет увеличиваться при прокрутке вниз.
Попробуйте добавить это в самый конец элемента <body> после других элементов <script>:
<script>
var base = 'https://www.camarilloflightinstruction.com/sandbox/2020/images/';
$(window).scroll(function(){
if($(this).scrollTop() > 100){
$('nav.navbar .navbar-brand img').attr('src', base + 'CFI_black.png')
}
else {
$('nav.navbar .navbar-brand img').attr('src', base + 'CFI_white.png')
}
})
</script>