如何使用javascript交换图片答案

【问题标题】：How can I swap a picture using javascript如何使用javascript交换图片
【发布时间】：2018-05-19 21:14:30
【问题描述】：

我制作了这个标题：https://www.youtube.com/watch?v=LOWjWRy_Kks，在徽标的位置，我插入了一张黑色的图片。

当我向下滚动时，我希望这张图片是白色的（因为标题变成黑色），所以我制作了同一张图片的白色版本。

但是我不知道在哪里插入图像。我一直在考虑把它插入到javascript代码中，如下：

    $(window).on('scroll', function() {
    if($(window).scrollTop()) {
      $('nav').addClass('black');
    }
    else {
      $('nav').removeClass('black');
    }
  })

如何使用 javascript 换入这个白色图像？

【问题讨论】：

在视频中，它工作正常。这里有什么问题？
要在 StackOverflow 上获得好评，您需要提供最少完整的代码来查看/重新创建情况。 YouTube 上的视频说明您想要什么并不理想。
Change image src using javascript的可能重复

标签： javascript jquery html image

【解决方案1】：

我尚未执行此代码，但我看到了视频，并且该参考建议使用以下代码来满足您的要求。

<script type="text/javascript">
    $("#logoimageid").attr('src', 'blacklogo.jpg');//this will not required if default 'blacklogo.jpg' src alerady set in img tag 
     $(window).on('scroll', function() {
    if($(window).scrollTop()) {
      $("#logoimageid").attr('src', 'whitelogo.jpg');
    }
    else {
      $("#logoimageid").attr('src', 'blacklogo.jpg');
    }
  })
</script>

【讨论】：

嘿！感谢您的评论。我已经尝试过了，不幸的是它没有用。 :(