[잡담] 클릭하면 바뀌는 이미지 만들기

<div style="cursor: pointer;" onClick="var a=this.getElementsByTagName('img');var b=this.getAttribute('num')*1;b=(b+1>=a.length?0:b+1);for(var i=0;i<a.length;i++){this.getElementsByTagName('img')[i].style.display=(i==b?'block':'none');}this.setAttribute('num',b);" num="0">

<img src="첫번째이미지주소" />

<img src="두번째이미지주소" style="display: none;" />

<img src="세번째이미지주소" style="display: none;" />

(...)

<img src="이미지주소" style="display: none;" />

</div>

클릭하면 바뀌는 이미지입니다.

<img src="이미지주소" style="display: none;" />

이 태그를 이용해서 추가하면 세개보다 더 넣을 수도 있습니다.