2017-07-19 21 views
-2

我是新編碼HTML和JavaScript,這是我的項目。
當我點擊隨機按鈕,圖像不顯示,但是當我在我的電腦上運行它的作品。我真的不知道它有什麼問題。我的img不在github上加載,但在本地工作

這是我的github頁:https://tonyeiei.github.io/scfoodcourt/index.html

這是我的源github上:https://github.com/tonyeiei/scfoodcourt

這是我的代碼

<button onClick="randomImg()" class="btn">Random</button> 
 
       <img id="imageid" src=""> 
 
       <script language="JavaScript">function randomImg(){ 
 
    var randomNumber = Math.floor(Math.random() * 12) + 1; 
 
    var imgName = "random_" + randomNumber + ".jpg"; 
 
    document.getElementById("imageid").src= "images" + "/" + imgName ; 
 
} 
 
</script>

+0

同樣的代碼段正常運行,你需要提供一個鏈接,是不是地方,但一個鏈接在互聯網上你的GitHub上的數據。 –

+0

同樣對於誰投下了這個人的答案,爲什麼沒有人給出一個原因說明?我沒有看到這個問題有什麼不妥,但沒有很多背景,但這不值得投票。 –

回答

-1

文件名區分大小寫,所提供的代碼片段是爲了表明在給定文件的正確名稱時它可以工作。

<button onClick="randomImg()" class="btn">Random</button> 
 
       <img id="imageid" src=""> 
 
       <script language="JavaScript">function randomImg(){ 
 
    var randomNumber = Math.floor(Math.random() * 12) + 1; 
 
    var imgName = "Random_" + randomNumber + ".jpg"; //<-- Capital R in random 
 
    document.getElementById("imageid").src= "https://github.com/tonyeiei/scfoodcourt/raw/master/images/" + imgName ; 
 
} //<-- To show you that it works if you give it the correct url 
 
</script>

+0

@Tony您的網頁看起來很神奇,我真的很希望這個隨機圖像加載程序對您來說真的很好。 –

3

您請求random_2.jpg但你的文件被稱爲Random_2.jpg

大多數計算機(尤其是服務器)使用區分大小寫的文件系統,因此關心這類事情。你的開發機器沒有。

+0

你打敗了我幾秒鐘。 –

相關問題