Javascript 将创建样式为“的图像”；显示：无“；仍然可以下载和缓存吗？

我正试图找出一种方法来缓存我的图库脚本中的下一个和上一个图像。。。我想知道这是不是一个好办法。另外，是否有任何方法可以手动指定下载图像的缓存时间？

显示：客户端上不会下载和缓存任何图像。但是，JavaScript已经有了一种定义良好的预加载图像的方法：

  var nextImage = new Image();
  nextImage.src = "your-url/newImage.gif";

这将在不向用户显示的情况下预加载图像。
我认为它将被下载，并因此被缓存，因为图像可能在CSS到达之前被加载

如果浏览器过于智能，比如
position:absolute；左：-9999px；top:-9999px
应该是一个不错的选择。
我不确定使用
display:none
的缓存行为（它可能因浏览器而异），但您可以通过在JavaScript中创建图像对象，将图像放入浏览器的缓存，而无需显示它。在将图像添加到页面之前，图像不会显示

var image = new Image();
image.src = 'example.com/image'

关于“是否有任何方法可以手动指定下载图像的缓存时间？”，有，但这在将图像发送到浏览器的HTTP响应中处理。谷歌对此有一个很好的入门知识：
这在JavaScript中是可能的，但我实际上更喜欢这个解决方案（如果可行的话）。不能说我是他的黑客的粉丝。这是一个好的黑客。幸运的是，这似乎没有必要。但是CSS黑客不再需要的那一天将是一个快乐的日子。。。