經過兩天的摸索,終於把Maple網友問的隨機更換圖片做好了…
他留了一個網址給我,想請我做出隨機更換圖片的教學,我也試了好幾次,第一次成功了,但後來就不行了,語法應該是沒問題,不然也不會有成功的那一次,所以我就想會不會是我儲存欄位太多次了,結果還真的是這個原因,雖然以後要麻煩一點,但至少成功了嘛…
中間我還去找看看有沒有其它的辦法,像是php,結果還是不行,誰叫我太執著於一定要弄懂呢?
好了,廢話不多說,現在就開始吧!
1.首先,先把以下的語法,複製貼到記事本 (語法已經修正!!)
2.將你要的banner檔頭的圖片網址一一加入,圖片可以一直增加,只要記得,紅色的編號n要正確,例如,你有六張圖片,最後一張是banner[5](因為第一張編號是0),在var random=Math.round(n*Math.random()); 裡的n就是5!
要放檔頭的圖片最好大小一樣不要差太多。
3.紅色的no-repeat、center是設定圖片要不要重複和位置,如果要重複,其實不用打,因為內定就是重複repeat。
4.再來把語法複製,貼到任一個自訂欄位中。
5.到css裡,把#banner裡的有關background開頭的語法用/*及*/前後包住。
大功告成!!現在只要按F5就可以變換圖片囉!
p.s:如果你不是要變檔頭的圖片,而是要變整個背景圖的話,咖啡色的#banner 改成body,而第5個步驟要到body裡頭改!
現在已經可以正常使用這語法了,感謝狗貓大大的鼎力相助!

各站台台長





