在不同圖像的JavaScript表

我想建立一個2 * 2不同圖像的表使用JavaScript，以便插入兩張圖片是重複的。我是新來的JavaScript，所以請幫我下面的代碼。在不同圖像的JavaScript表

我寫了diffImage函數來選擇隨機圖像，但它顯示重複的圖像。我希望頁面只顯示一次圖像，並且每次頁面加載時都在不同的單元格中顯示。

<html> 
    <head> 
    <script language=Javascript> 
     function diffImage() { 
      image = new Array("ball.gif","bench.gif","banner.gif", wall.gif"); 
      whichImage = Math.floor(Math.random()*image.length); 
      document.write('<image SRC="' +image[whichImage]+ '">'); 
     } 
    </script> 
</head> 

<body> 
    <table id="newtable"/> 
    <tr> 
    <td> 
     <script language="Javascript"> diffImage();</script> 
    </td> 
    <td> 
     <script language="Javascript"> diffImage();</script> 
    </td> 
</tr> 
<tr> 
    <td> 
     <script language="Javascript"> diffImage();</script> 
    </td> 
    <td> 
    <script language="Javascript"> diffImage();</script> 
    </td> 
</tr> 
</table>

來源

2011-11-02 Anez

試試這個：

imagelist = ["ball.gif","bench.gif","banner.gif","wall.gif"]; 
function diffimage() { 
    whichImage = Math.floor(Math.random()*imagelist.length); 
    document.write('<img src="'+imagelist[whichImage]+'" />'); 
    imagelist.splice(whichImage,1); 
}

這將從列表中刪除選定的圖像，所以你不會得到重複。

（邊注：越來越沒有重複與您當前密碼的概率是3/32，或約9％），您定義的圖像陣列

來源

2011-11-02 20:02:20

檢查。你忘了在wall.gif上加引號。

來源

2011-11-02 20:02:21 Techboy6601

更改函數調用diffimage（）

來源

2013-01-22 13:17:00 w31rd

在不同圖像的JavaScript表

回答

相關問題