オンクリックで続けて画像を表示するには

質問

<img src="*" onClick="this.src='*'">
このタグだと2枚までしか表示されません。
2枚目以降からもオンクリックで、画像を表示させる方法はありますか？

回答No.2

yambejp · ベストアンサー

たとえばこんなかんじ
リストをつくっておいて、forで回し、合致したら次の画像を表示

<script>
function hoge(obj){
var list=["1.jpg","2.jpg","3.jpg","4.jpg"];
for(var i=0;i<list.length;i++){
var reg=RegExp(list[i]+"$");
if(obj.src.match(reg)) break;
}
var i=(i==list.length -1)?0:i+1;
obj.src=list[i];
}
</script>
<img src="1.jpg" onClick="hoge(this)">

お礼

参考になりました。ありがとうございます

回答No.1

noname#100277

オンクリックで展開させたい分だけ、HTMLファイル内に画像を埋め込んでHTMLにLINKさせる。
コレ以外無いのでは？
通常の画像LINKでも同じく・・・

<a href="" title=""><img src="" alt="" title="" width="" height="" /></a>

でもね。

お礼

分かりました。
回答ありがとうございました。