Как сделать замену src адреса при скролле на JS?

Есть вот такие строки:

$(window).scroll(function() {
    if($(this).scrollTop() > 26)
    {
        $('#lago').removeClass('wh');
        $('#lago').addClass('dr');
    } else {
        $('#lago').removeClass('dr');
        $('#lago').addClass('wh');
    }
});

<img style="width: 16rem;margin-top: -1.4rem;" src="images/logo.png" class="wh" id="lago">

Скрипт заменяет классы у картинки с id "lago" А как сделать так чтобы он заменял src адрес?
Например когда страница не самом верху то адрес /images/logo.png
А когда она прокручивается ниже то адрес /images/logo2.png
Такое возможно?