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

Как реализовать смену картинки при скроллинге и обратно? Подсмотрел тут код, но почему-то не работает

<div class="logochange"><img src="http://plastikovyeokna73.onhh.ru/wp-content/uploads/2018/12/1-min1.png" pavel-mavel="http://plastikovyeokna73.onhh.ru/wp-content/uploads/2018/12/1-min.png"></div>

jQuery(document).ready(function($) {
    $(window).scroll(function(){  
        if ($(window).scrollTop() > 100 ){
            $('.logochange').each( function(){ this.src = this.getAttribute('pavel-mavel'); } );
        } else {
            $('.logochange').each( function(){ this.src = this.removeAttribute('pavel-mavel'); } );
        }
    });
});

Цвет по той же сути меняет, но меня интересует картинка, вот цвет

jQuery(document).ready(function($) {
    $(window).scroll(function(){  
        if ($(window).scrollTop() > 100 ){
            $(".elementor-item").css("color", "#000");
        } else {
            $(".elementor-item").css("color", "#fff");
        }
    });
});