如何使用Javascript更改rails中的图像？

Question

我在视图中有trump.gif的图像标记。

<%= image_tag("trump.gif", size: "800x800", id: "pic") %>

现在经过一段时间我想在gavascript中将gif更改为png。

所以我有一个脚本标签，其中有一个setTimeout函数正在改变图像标签的src属性。但是，图像不显示。看起来我在网址的路径上弄乱了一些东西。

<script>
 setTimeout(
 function(){ 
  // Replace the gif
 document.getElementById("pic").setAttribute('src', "/assets/trump_final.png");
 }, 5000);
</script>

但是图像没有显示。我想我错过了src网址的内容。

任何帮助？