http://oxtag.com/html/ex/sinji.htm
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
// End -->
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="#FF9900">
<b>신 지 사 진 </b>
</td>
</tr>
<tr>
<td align=center bgcolor="white" width=350 height=450>
<img src="../img/sin11.gif" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#0E4866">
<select name="slide" onChange="change();">
<option value="../img/sin11.gif" selected>신지보기1
<option value="../img/sin2.gif">신지보기2
<option value="../img/sin3.gif">신지보기3
<option value="../img/sin4.gif">신지보기 4
<option value="../img/sin5.gif">신지보기 5
<option value="../img/sin6.gif">신지보기 6
<option value="../img/sin7.gif">신지보기7
<option value="../img/sin8.gif">신지보기8
<option value="../img/sin9.gif">신지보기 9
<option value="../img/sin10.gif">신지보기 10
<option value="../img/sin12.gif">신지보기 11
<option value="../img/sin13.gif">신지보기 12
<option value="../img/sin14.gif">신지보기 13
<option value="../img/sin15.gif">신지보기14
<option value="../img/sin16.gif">신지보기15
</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="first();" value="◀◀" title="Beginning">
<input type=button onClick="previous();" value="◀" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="연속" title="AutoPlay">
<input type=button onClick="next();" value="▶" title="Next">
<input type=button onClick="last();" value="▶▶" title="End">
</td>
</tr>
</table>
</form>
<div id="layer1" style="width:233px; height:167px; position:absolute; left:370px; top:423px; z-index:1;">
<p><span style="font-size:9pt;"> 연속을 누르면 편히 볼 수가 있어요.<br> 소스
보는건 아주 쉬워요</span></p>
</div>
</body>
</html>
'인터넷정보' 카테고리의 다른 글
| 사용자 브라우저 정보 알려주는 소스 (0) | 2007.10.17 |
|---|---|
| 멋진 그림보기 스크립트 (0) | 2007.10.17 |
| 멋진 그림보기 스크립트 (0) | 2007.10.17 |
| 마우스 오버시 그림이 무자게 떨려요... (0) | 2007.10.17 |
| 마우스 오버시 그림이 무자게 떨려요... (0) | 2007.10.17 |
| 랜덤으로 이미지 전환하기 (0) | 2007.10.17 |
| 이미지가 안개처럼 나타납니다. / 지정된 곳으로 이동 (0) | 2007.10.17 |
| 이미지가 안개처럼 나타납니다. / 지정된 곳으로 이동 (0) | 2007.10.17 |
| 공지창(마우스로 위치 조절/스크롤바 따라다님) (0) | 2007.10.17 |
| 공지창(마우스로 위치 조절/스크롤바 따라다님) (0) | 2007.10.17 |