javascript画像置換について質問です。
画像をクリックするたびに、5枚の画像をローテーション、domで表示させるプログラムを作ろうとしています。
考え方として、imgにonclickを持たせ、関数btnの中で画像5枚を、for文を使い表示させようとしているのですが、うまくいきません。
画像1枚の切り替えなら問題なくできたのですが、5枚の画像を回していくやり方が分か__イタリックテキスト__りません。
そもそもこのやろうとしている考え方であっているのでしょうか?
下記に途中経過のコードを載せてあります。
ちなみに、画像urlはimg1204/bike1.jpgの数字が5まであるといった感じです。
わかるかたいましたらアドバイスよろしくお願いいたします。
<body> <img id='pict' img src='img1204/bike1.jpg' onClick='btn()'> <script> var img=document.getElementById('pict'); function btn(){ for(var i=1; i<5; i++){ img.setAttribute('src','img1204/bike +i+ .jpg'); } } </script> </body>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。