[請益] 有關多個圖片更換
現在在學javascript
這周老師教到math.random、for loop、bubble sort...
在寫作業的時候想要有點變化
打算做預測樂透開獎的程式
我做了49顆銀色的球
想要讓被抽中的色球換色
Google只找到針對單一圖片作變換的函數
將圖片名稱設為pic 新圖路徑設進imgfile[]
function changeImage(){
document.pic.src = imgfile[0]
}
想請問要怎麼寫才能讓亂數抽出的號碼變色呢?
document.pic.src 這中間有辦法插入變數嗎?
苦惱好久了 真的無解嗎?
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.119.120.1
推
10/11 20:36, , 1F
10/11 20:36, 1F
p大是指把銀球的圖也存在陣列裡嗎?
→
10/11 21:54, , 2F
10/11 21:54, 2F
→
10/11 23:08, , 3F
10/11 23:08, 3F
恩 本來有49顆銀色的球(s1-s49)
亂數取六個數字 要把這六個數變成紅色的球(r1-r49)
→
10/12 00:17, , 4F
10/12 00:17, 4F
推
10/12 01:02, , 5F
10/12 01:02, 5F
感謝以上大家回應
我目前不太懂改Class的意思
我想我研究一下s大的寫法再上來發問好了
--
所以大家說的利用class 是指
document.getElementsByClassName(); 這個函數嗎?
我好像有點懂了
來試試會不會成功
--
我又遇到了一個問題
因為重新選號時希望色球會先都回復成銀色
再依新選中的號碼變色
所以我寫了
function resetpic(){
var my_pic = document.getElementsByClassName("sball");
for(var i=0;i<49;i++){
my_pic[i-1].src = "pic/s"+i+".png";
}
}
但是debug的時候他說Cannot set property 'src' of undefined
是因為my_pic[]不能直接放變數嗎?
→
10/12 23:32, , 6F
10/12 23:32, 6F
→
10/12 23:33, , 7F
10/12 23:33, 7F
→
10/12 23:33, , 8F
10/12 23:33, 8F
→
10/12 23:33, , 9F
10/12 23:33, 9F
推
10/13 03:13, , 10F
10/13 03:13, 10F
→
10/13 03:14, , 11F
10/13 03:14, 11F
→
10/13 03:14, , 12F
10/13 03:14, 12F
→
10/13 03:14, , 13F
10/13 03:14, 13F
→
10/13 03:16, , 14F
10/13 03:16, 14F
→
10/13 03:17, , 15F
10/13 03:17, 15F
→
10/13 03:19, , 16F
10/13 03:19, 16F
→
10/13 03:19, , 17F
10/13 03:19, 17F
哇! 成功了!
原來只是因為for沒設好
感謝大家~~ 看他成功跑出來超開心的 XD
※ 編輯: lily50735 來自: 1.164.208.125 (10/13 07:54)