Q&A
クリックで二つの画像の切り替えをしたいのですがうまくいきません。
一度クリックすると切り替わりはするのですが画像が読み込まれていないのか何も表示されなくなります。
何が間違っているのでしょうか・・・？
教えていただけるとありがたいです。
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <img id="a" onclick="changeIMG()" src="kuma_1.png"> <script type="text/javascript"> var change=0; var kuma_=new Array(); kuma_[0]=new Image(); kuma_[1]=new Image(); kuma_[0].src="kuma_0.png"; kuma_[1].src="kuma_1.png"; function changeIMG(){ if(change==1){ change=0; }else{ change++; } document.getElementById("a").src=kuma_[change].png; } </script> </body> </html>
回答1件
0
ベストアンサー
ocument.getElementById("a").src=kuma_[change].png;
pngではなくsrcです。
サンプル(demo)
http://codepen.io/anon/pen/wzWxEZ
投稿2016/09/17 11:46
編集2016/09/17 11:47
総合スコア769
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/09/17 11:55