http://oxtag.com/html/ex/gallery.html
전체 소스입니다.
미리보기를 클릭해보세요.
<head>
<title> ♡ 카멜롯™의 소스천국 태그피아 ♡ </title>
<script>
function cmtph(photo) {
switch(photo) { // 반복 설정 선택모드
case 0 :
cmt.innerHTML = "<img src=../img/wait.jpg>"; // 이미지가 부족할때 넣는 이미지 주소를 지정.
break;
case 1 :
cmt.innerHTML = "<img src=./img_random/1.gif> ";
break;
case 2 :
cmt.innerHTML = "<img src=./img_random/2.gif>";
break;
case 3 :
cmt.innerHTML = "<img src=./img_random/3.gif>";
break;
case 4 :
cmt.innerHTML = "<img src=./img_random/4.gif>";
break;
case 5 :
cmt.innerHTML = "<img src=./img_random/5.gif>";
break;
case 6 :
cmt.innerHTML = "<img src=./img_random/6.gif>";
break;
case 7 :
cmt.innerHTML = "<img src=./img_random/7.gif>";
break;
case 8 :
cmt.innerHTML = "<img src=./img_random/8.gif>";
break;
case 9 :
cmt.innerHTML = "<img src=./img_random/9.gif>";
break;
case 10 :
cmt.innerHTML = "<img src=./img_random/10.gif>";
break;
case 11 :
cmt.innerHTML = "<img src=./img_random/11.gif>";
break;
case 12 :
cmt.innerHTML = "<img src=./img_random/12.gif>";
break;
case 13 :
cmt.innerHTML = "<img src=./img_random/13.gif>";
break;
case 14 :
cmt.innerHTML = "<img src=./img_random/14.gif>";
break;
case 15 :
cmt.innerHTML = "<img src=./img_random/15.gif>";
break;
case 16 :
cmt.innerHTML = "<img src=./img_random/16.gif>";
break;
case 17 :
cmt.innerHTML = "<img src=./img_random/17.gif>";
break;
// 이미지 추가시 마다 위 처럼 반복적으로 case 17 : 이곳의 숫자만 올려주면됩니다.
}
}
</script>
<style type="text/css">
<!--
BODY
{scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FF69B4}
-->
</style>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<script>
/*
테이블은 꾸미기는 여러분의 몫입니다. 이쁘게 꾸미세요.
가능하면 사진의 크기가 같은게 좋습니다.
전 위 아래로 했지만 이미지가 많을 경우 위/아래/좌/우로 테두리에 작은 사진을 보이게하고
클릭시 중앙에 보여지게해도 되겠죠.
*/
</script>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td width="100%" height="44" align="center">
<img src='./img_random/1.gif' width='50' height='50' border='1' onclick='javascript:cmtph(1);' style='cursor:help;'>
<img src='./img_random/2.gif' width='50' height='50' border='1' onclick='javascript:cmtph(2);' style='cursor:help;'>
<img src='./img_random/3.gif' width='50' height='50' border='1' onclick='javascript:cmtph(3);' style='cursor:help;'>
<img src='./img_random/4.gif' width='50' height='50' border='1' onclick='javascript:cmtph(4);' style='cursor:help;'>
<img src='./img_random/5.gif' width='50' height='50' border='1' onclick='javascript:cmtph(5);' style='cursor:help;'>
<img src='./img_random/6.gif' width='50' height='50' border='1' onclick='javascript:cmtph(6);' style='cursor:help;'>
<img src='./img_random/7.gif' width='50' height='50' border='1' onclick='javascript:cmtph(7);' style='cursor:help;'>
<img src='./img_random/8.gif' width='50' height='50' border='1' onclick='javascript:cmtph(8);' style='cursor:help;'>
<img src='./img_random/9.gif' width='50' height='50' border='1' onclick='javascript:cmtph(9);' style='cursor:help;'> </td>
</tr>
<tr>
<td width="100%" height="100%" align="center">
<span id=cmt><font style=font-size:9pt;color:ff9900>사진을 클릭하세요.</font></span>
</td>
</tr>
<tr>
<td width="100%" height="44" align="center">
<img src='./img_random/10.gif' width='50' height='50' border='1' onclick='javascript:cmtph(10);' style='cursor:help;'>
<img src='./img_random/11.gif' width='50' height='50' border='1' onclick='javascript:cmtph(11);' style='cursor:help;'>
<img src='./img_random/12.gif' width='50' height='50' border='1' onclick='javascript:cmtph(12);' style='cursor:help;'>
<img src='./img_random/13.gif' width='50' height='50' border='1' onclick='javascript:cmtph(13);' style='cursor:help;'>
<img src='./img_random/14.gif' width='50' height='50' border='1' onclick='javascript:cmtph(14);' style='cursor:help;'>
<img src='./img_random/15.gif' width='50' height='50' border='1' onclick='javascript:cmtph(15);'>
<img src='./img_random/16.gif' width='50' height='50' border='1' onclick='javascript:cmtph(16);'>
<img src='./img_random/17.gif' width='50' height='50' border='1' onclick='javascript:cmtph(17);'>
<img src='../img/wait.jpg' width='50' height='50' border='0' onclick='javascript:cmtph(0);'>
</td>
</tr>
</table>
</body>
</html>
'인터넷관련' 카테고리의 다른 글
| 팝업창 멋지게 열기 (0) | 2008.01.29 |
|---|---|
| 문서를 휠마우스 처럼 자동으로 스클롤 시키기 (0) | 2008.01.29 |
| 마우스 오른쪽 버튼 두번 누를 경우 브라우저 다운시키기 (0) | 2008.01.29 |
| 자바스크립트 오류 메새지 없애기 (0) | 2008.01.29 |
| 익스플로러,네츠케이프 모두에서 iframe 과 비슷하게 문서를 열어보자! (0) | 2008.01.29 |
| 배경음악 랜덤 재생 (0) | 2008.01.29 |
| 링크 한번으로 창 무한대 열기.(두개 이상) (0) | 2008.01.29 |
| 새창을 페이지 로딩시 원하는 시간에 띄우고 닫게하자. (0) | 2008.01.29 |
