|
웹디자인 공부방
HTML,PHP 공부방
팁 & 테크 게시판
|
| 번호 : 22 |
이미지 슬라이드쇼 전체소스~ |
작성자 : 이건호  |
작성일 : 2005-11-19 19:21:53 |
|
출처 : 웬디하우스
<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>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<center>
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="white">
<b>Image Slideshow</b>
</td>
</tr>
<tr>
<td align=center bgcolor="white" width=200 height=150>
<img src="http://218.145.54.39/mall/HE1/HHE1000010d.gif" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="http://218.145.54.39/mall/HE1/HHE1000010d.gif" selected>천사
<option value="http://218.145.54.39/mall/HK1/HHK1000002d.gif">꼬마
<option value="http://218.145.54.39/mall/HK1/HHK1000007d.gif">유치원
<option value="http://218.145.54.39/mall/HE1/HHE1000017d.gif">요술봉
<option value="http://218.145.54.39/mall/HE1/HHE1000009d.gif">털장갑
<option value="http://218.145.54.39/mall/HK1/HHK1000001d.gif">머리핀
<option value="http://218.145.54.39/mall/HS1/HHS1000005d.gif">양말
<option value="http://218.145.54.39/mall/HK1/HHK1000014d.gif">커플
<option value="http://218.145.54.39/mall/HE1/HHE1000011d.gif">인어공주
<option value="http://218.145.54.39/mall/HS1/HHS1000002d.gif">우주인
</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="Start" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</form>
</center>
|
|
|
 |
| 이건호 ( 2006-10-04 21:19:14 ) |
지금 보니까 윤미쩜넷에서도 있는거랑도 비슷한것 같네요 ^^;
|
 |
|
|
|
 |
|
