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

Question

我购买了一个网站模板，在每次访问页面时加载一个随机页眉图像。我向开发人员询问了这段代码，但他们无法100％回答。如果我有10个图像可供选择，这个代码只会加载一个图像（标题中显示的图像），还是会在显示随机图像之前加载全部10张图像？

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

Answer 1

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

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

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

Answer 2

这将加载只是一个图像，因为这个功能，一个电话将只产生一个单一的随机数，（比如7）之间0和10（包括0并且最多9）并加载该数字的图像并保持安静。而且，函数，写入的方式变成匿名的，并且因为它没有名字，所以它不能再被调用，所以它会一次性分配背景图像并结束！