這個隨機圖像顯示代碼是一次加載所有圖像還是隻加載一個圖像？

我購買了一個網站模板，在每次訪問頁面時加載一個隨機頁眉圖像。我向開發人員詢問了這段代碼，但他們無法100％回答。如果我有10個圖像可供選擇，這個代碼只會加載一個圖像（標題中顯示的圖像），還是會在顯示隨機圖像之前加載全部10張圖像？這個隨機圖像顯示代碼是一次加載所有圖像還是隻加載一個圖像？

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

這是很容易檢查在控制檯網絡選項卡:) – 2014-11-08 18:10:59

我仍然很難綁上我的魔術貼鞋帶。大聲笑我只是開始學習，但我會着眼於控制檯網絡實驗室。謝謝。 – user2074363 2014-11-08 18:14:24

這將加載一個隨機圖像。它只是選擇一個。

爲了進一步闡明，數學函數是隨機化數字來選擇哪個圖像，所以結果將是一個單一的數字，將被用作最終的字符串。因此，在這個例子中這將是這個CSS相當於：

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

2014-11-08 18:09:27 Timmerz

太棒了，所以我不必擔心在顯示一個隨機標題圖像之前頁面必須加載10個100kb圖像？這很完美，非常感謝您的快速響應。 *完善！再次感謝您，感謝您的智慧...... :) – user2074363 2014-11-08 18:11:45

是的，但您可以隨時使用瀏覽器控制檯查看網絡流量以確認自己。 – Timmerz 2014-11-08 18:14:48

這將加載只是一個圖像，因爲這個功能，一個電話將只產生一個單一的隨機數，（比如7）之間0和10（包括0並且最多9）並加載該數字的圖像並保持安靜。而且，函數，寫入的方式變成匿名的，並且因爲它沒有名字，所以它不能再被調用，所以它會一次性分配背景圖像並結束！

2014-11-08 18:22:17 ShivamMax

回答