ブートストラップNavbar-スクロール後のブランド変更

Question

私はBootstrap and Web Developingで初心者ですので、私の質問はとても簡単で専門家にとって面白いかもしれません。 スクロール後にブートストラップでNavbar-Brand Imageを変更するにはどうすればよいですか？ 私はこの完璧な作業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"); 
    } 
}); 

をしかし、私は私のブランドイメージをスクロールした後に変更することができます方法を理解できないのですか？ Ty！

Answer 1

シンプル、ちょうどここ

$(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') 
    } 
}); 

.nav-brandスクロール条件に基づいてimageのsrcを変更すると、その内側にimgタグを含むタグを固定するために与えられたデフォルトclass nameです。 $('.navbar-brand img')は、imgタグが.nav-brand要素内にあるようにします。