作者Ori185 (JstMonika)
看板Web_Design
標題[問題] JavaScript圖片切換
時間Fri Mar 8 00:23:58 2019
小弟是網頁設計的超新手
目前學到可以藉由點擊圖片來切換圖片
想知道這兩段內容出了什麼問題才會點擊圖片卻沒反應
看起來跟教學網站上的一模一樣,不知道問題是不是出在變數名稱上
有望各位解惑了...
https://imgur.com/7RZNfFe
https://imgur.com/cykqewc
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.172.129.96
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1551975841.A.A8D.html
1F:→ kerorocat: index.html 第 28 行改成 src="main.js" 試試看 03/08 01:50
2F:→ satanbaby: 圖片截清楚點 03/08 02:50
3F:→ aquarianboy: 也許可把程式碼貼到 codepen 之類的網站會比較清楚? 03/08 03:18
4F:推 shter: document.querySelector 只會抓第一個符合條件的 DOM 回來 03/08 05:07
謝謝樓上各位,之後發問會改用glot.io貼程式碼,我後來把圖片刪到剩下一個就解決了,非常謝謝!
※ 編輯: Ori185 (180.217.210.88), 03/08/2019 12:45:03
5F:推 shter: 其實你不用刪圖片,因為是你的語法造成只會抓第一個回來 03/08 15:15
6F:→ shter: 你可以幫每張圖加一個 class 取不同名稱,如img1 img2 img3 03/08 15:15
7F:→ shter: 然後用 document.querySelector('.img1') 抓指定的圖片 03/08 15:16