jQuery隨機圖像

我有一個index.html頁面，我想從一個文件夾中顯示1個隨機圖像。jQuery隨機圖像

我找到了我喜歡的腳本，因爲我不必編寫每個圖像url。事情是，我只是不知道該怎麼做這個腳本！

我不確定「10 + 1」是什麼意思（文件夾中最多10個圖像？）。在「頭」中，我認爲我需要鏈接到一個jquery庫。腳本應該放在.js文件中，還是隻能放在頁面的「主體」（或其他地方）？

的HTML將：

IMG SRC = 「」類= 「MyClass1的」寬度= 「100px的」高度= 「自動」 ALT = 「沒有圖像」/>

和腳本：

$('.myClass1').each(function() { 

    var num = Math.floor(Math.random() * 10 + 1), 
    img = $(this); 

    img.attr('src', 'url.com/folder/image_' + num + '.jpg'); 
    img.attr('alt', 'Src: ' + img.attr('src')); 

});

來源

2017-05-28 Anne

Math.random產生零和一所以這段代碼之間的數字：

Math.floor(Math.random() * 10 + 1)

返回1和10

和圖片名稱之間的數字會是這樣的 image_5.jpg

來源

2017-05-28 14:34:36

但是如何以及在哪裏放置代碼？我想我必須在腳本前後放置一個「腳本」標記，但是我會將腳本放在頭部，正文還是文件中？謝謝。 – Anne

這是一個好習慣，把它放在頭部（甚至是JS文件的src而不是HTML中的代碼），然後在[$（document）.ready（..）]（https：/ /learn.jquery.com/using-jquery-core/document-ready/）。看看[這個]（https://www.w3schools.com/js/js_whereto.asp） – RompePC

你可以把你的腳本標籤在頭部或身體，但我們通常將腳本放在主體的末尾並將CSS鏈接放在頭部。另外，通常將腳本代碼放在單獨的文件中更好。

來源

2017-05-30 05:40:42

感謝您的時間！非常感激。 – Anne

jQuery隨機圖像

回答

相關問題