How to change image on scoll when using navbar?

$(window).scroll(function () {
if ($(document).scrollTop() < ScrollValue of swapping images) {
    $('selectorToYourImage').attr('src', 'img/imgNumber1.png');
} else  {
    $('selectorToYourImage').attr('src', 'img/imgNumber2.png');
}     })

Reuben Kraft commented 6 years ago

Thank you! Can you let me know where to put this? Should it go into my Nav.js (within components dir)?

---

MDBootstrap staff pro premium priority commented 6 years ago

You can add this code to the custom script tags before closing body.

<script> HERE</script>

Don't forget to change the: "ScrollValue of swapping images"; "selectorToYourImage" and "img/imgNumber1.png" "img/imgNumber2.png" to desired values.

---