기타팁

사진 클릭해서 다음사진보기

by cs posted Mar 10, 2008
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제
<script>
Imgs = new Array();
Imgs[0] = "이미지1";
Imgs[1] = "이미지2";
Imgs[2] = "이미지3";



s = 0;

function nextImg() {
s++;
if(Imgs[s] == null) s = 0;
myImg.src = Imgs[s];
}
</script>



<img id="myImg" src="이미지1" alt="다음 이미지 보기 클릭~"  onclick="nextImg()">





위의 소스를 넣어주시면 되구요.

이미지1, 이미지2, 이미지3 에는 클릭하면 나오게 할 이미지 주소들을 적어줍니다.

세개 이상의 이미지를 사용하시려면

Imgs[0] = "이미지1";
Imgs[1] = "이미지2";
Imgs[2] = "이미지3";

Imgs[3] = "이미지4";

Imgs[4] = "이미지5";

Imgs[5] = "이미지6";

.

.

.

이런식으로 계속 추가하시면 되구요.


src="이미지1" 의 이미지1에는 접속했을때 가장 처음 보이게 할 이미지 주소를 적으시면 되구요.

다음 이미지 보기 클릭~ 에는 이미지 위에 마우스를 올렸을때 나타나는 메세지를 적으시면 되요.

솔직히 이건 안해밨다. 그래서 뭐라 할수가 없구만.