圖片隨機顯示是一個應用非常廣泛的技巧。例如隨機banner的顯示，當你進入一個網站時它的banner總是不同的，或者總有內容不同的提示（tips)，大家在網上瀏覽時會經常發現這樣的例子。使用這種技術，不但能在一定的空間裡放入更多的內容，還可以給人一種經常更新的假象喔。
怎麼樣心動了吧？其實只要你有一點點html和javascript 的基礎，一切都是這麼簡單。 follow me,讓我們來看看她隨機的奧密。
讓我們從一個簡單的例子開始。平常我們在頁面中加入圖片都是用<img src="圖片">來完成。如果我們要隨機顯示3張不同的圖片就要對這句程式碼進行小小的修改，首先加入<script>標記：
以下是引用片段：
<script language=javascript></script>
然後在這段標記內把<img src="圖片">用document.write("")的型式放進去，就成了
document.write("<img src=圖片>")
現在我們來完成最關建的一段：
以下是引用片段：
id=Math.round(Math.random()*2)+1
這樣取得隨機數為1,2,3將你要顯示的圖片改名為1.gif,2.gif,3.gif，ok！最後的程式碼是：
以下是引用片段：
<script language=javascript>
id=Math.round(Math.random()*2)+1
document.write("<img src="+id+".gif>")
</script>
試一下，是不是不錯？那如果我的每一張圖片都對應了一個超連結該怎麼辦呢？
我們還是來假設一下有3張圖片，1.gif,2.gif,3.gif,分別對應的連結是url1,url2,url3。
為了讓圖片和連結一一對應，我們要設定一個陣列image來放置連結的位址，如下：
以下是引用片段：
var image=new Array(3)
image.length=3
image[1]="url1"
image[2]="url2"
image[3]="url3"
為了將與圖片對應的連結取出來，我們也要定義一個陣列imageurl=image[id]
原理是這樣的：
當頁面被讀入時，取一個隨機數，假設是2即id=2,那麼如上我們可輕鬆的完成2.gif在頁面的顯示。然後我們可以看到：imageurl=image[2]而image[2]="url2"，剩下的事就好辦了。完整的程式碼如下：
以下是引用片段：
<script language=javascript>
var image=new Array(3)
image.length=3
image[1]="url1"
image[2]="url2"
image[3]="url3"
id=Math.round(Math.random()*2)+1
imageurl=image[id]
document.write("<a href="+bannerurl+">"+"<img src="+id+".gif>")
</script>
轉自：七色鳥設計---pc-king