Jquery popover中的引导映像，无需重新下载映像

我正在下载并重新调整图像大小以适合我的设计（减少宽度/高度）。如果我想在完整图像的悬停位置创建一个popover，我需要重新下载图像吗？因为这个答案是这样的：

我的

jade

看起来像这样：

img#art.img-responsive(style='margin-bottom:10%')

我可以随时使用以下代码更新图像源：

   if (questionMap[questionOrder[number - 1]].type === 'ART') {
        $('#art').attr('src', 'http://' + questions.host + '/image/' + questionMap[questionOrder[number - 1]].src)
    }

---

现在我是否需要向popover代码中添加相同的源属性，并使其在第二次下载，或者有其他解决方法？从另一个角度来看：如果我在一个页面中包含两次相同的图像，它会被下载两次吗（假设启用了服务器端缓存）？

浏览器在缓存方面非常聪明。它应该只请求一次

此外，当它向服务器请求映像时，通常会随映像请求一起发送两个标头，告诉服务器。。嘿，我想要这张图片，但我已经有一张具有这些属性的图片了，上次你发给我的时候你告诉我了

然后服务器可以回复200，表示内容不同304，表示您拥有的内容相同，因此我不会再次发送，请使用您获得的内容

浏览器将缓存它。然而，根据用户的设置，浏览器可能在下次请求页面时再次请求图像，例如，如果用户在页面访问之间清除缓存