Bootstrap Navbar-Marke ändern nach Scroll

Question

Ich bin nur Anfänger bei Bootstrap und Web Developing, so meine Frage könnte wirklich einfach und lustig für Experten. Wie kann ich Navbar-Brand Image im Bootstrap nach dem Scrollen ändern? Ich habe diese perfekte Arbeits JS:

$(window).scroll(function() { 
    if ($(".navbar").offset().top > 50) { 
     $('#custom-nav').addClass('affix'); 
     $(".navbar-fixed-top").addClass("top-nav-collapse"); 
    } else { 
     $('#custom-nav').removeClass('affix'); 
     $(".navbar-fixed-top").removeClass("top-nav-collapse"); 
    } 
}); 

Aber ich kann nicht verstehen, wie mein Markenimage nach dem Scrollen ändern? Ty!

Answer 1

einfach, nur die src der image ändern

$(window).scroll(function() { 
    if ($(".navbar").offset().top > 50) { 
     $('#custom-nav').addClass('affix'); 
     $(".navbar-fixed-top").addClass("top-nav-collapse"); 
     $('.navbar-brand img').attr('src','newImage.jpg'); //change src 
    } else { 
     $('#custom-nav').removeClass('affix'); 
     $(".navbar-fixed-top").removeClass("top-nav-collapse"); 
     $('.navbar-brand img').attr('src','OldImage.jpg') 
    } 
}); 

basierend auf dem Scroll-Zustand .nav-brand hier ist standardmäßig class name gegeben Tag zu verankern, den img Tag im Innern enthält. $('.navbar-brand img') bekommt das img Tag, das innerhalb .nav-brand Element ist.