这个随机图像显示代码是一次加载所有图像还是只加载一个图像？答案

【问题标题】：Does this random image display code load all images at once or just one image?这个随机图像显示代码是一次加载所有图像还是只加载一个图像？
【发布时间】：2015-01-05 08:57:44
【问题描述】：

我购买了一个网站模板，该模板在每次访问页面时加载一个随机标题图片。我向开发人员询问了这段代码的 sn-p，但他们无法 100% 回答。如果我有十张图片可供选择，此代码会仅加载一张图片（显示在标题中的那张）还是会在显示随机一张之前加载所有十张图片？

$(function(){
    $('.head').css(
        "background-image", "url(image/header-" + Math.ceil(Math.random() * 10) + ".jpg)"
    );
});

【问题讨论】：

在控制台网络选项卡中检查很容易:)
我仍然很难系魔术贴鞋带。大声笑我才刚刚开始学习，但我会研究控制台网络实验室。谢谢。

标签： jquery image random

【解决方案1】：

这将加载随机图像。只能选择一个。

为了进一步澄清，数学函数正在随机化数字以选择哪个图像，因此结果将是一个将用作最终字符串的数字。所以在这个例子中，它相当于这个 CSS：

<style>
  .head{ 
     background-image: url(image/header-5.jpg); 
  }
</style>

【讨论】：

太好了，所以我不必担心在显示一个随机标题图像之前页面必须加载十个 100kb 图像？太好了，非常感谢您的快速回复。 *完美的！再次感谢您，感谢您的智慧... :)
是的，但是您可以随时使用浏览器控制台查看网络流量以自行确认。

【解决方案2】：

它将仅加载其中一张图像，因为此函数在一次调用时只会生成一个随机数（例如 7），介于 0 和 10（包括 0 和最多 9）之间，并为此加载图像编号并保持安静。

而且这个函数，它的写法是匿名的，而且因为没有名字，所以真的不能再调用，所以会分配一次背景图就结束了！

【讨论】：