간단한 앨범을 만들자
<table border="0" cellpadding="3" bgColor=#000000>
<tr><td align=center><font color=white><b>대류커뮤니티 - 장나라사진</b></font></td></tr>
<tr height=280 align=center bgcolor=white><td width="100%">
<!--- 처음 보여줄 이미지 --->
<img src="image/nara1.jpg" name="daerew">
</td>
</tr>
<tr><td width="100%">
<form method="POST" name="rotater">
<div align="center">
<center>
<p>
<script language="JavaScript1.1">
var photos=new Array()
var text=new Array()
var which=0
var what=0
// 보여줄 이미지들을 설정 해 주세요
photos[0]="image/nara1.jpg"
photos[1]="image/nara2.jpg"
photos[2]="image/nara3.jpg"
photos[3]="image/nara4.jpg"
photos[4]="image/nara5.jpg"
// 각 이미지에 대한 설명문을 입력 하세요
text[0]="설명 1"
text[1]="설명 2"
text[2]="설명 3"
text[3]="설명 4"
text[4]="설명 5"
window.onload=new Function("document.rotater.description.value=text[0]")
function backward(){
if (which>0){
window.status=''
which--
document.images.daerew.src=photos[which];
what--
document.rotater.description.value=text[what];
}
}
function forward(){
if (which<photos.length-1){
which++
document.images.daerew.src=photos[which]
what++
document.rotater.description.value=text[what];
}
else window.status='마지막 사진입니다'
}
</script>
<p>
<input type=text name="description" style="width:250px;text-align:center">
<p>
<input type="button" value="<<이전" name="B2" onClick="backward()" onfocus="this.blur()"> <input type="button" value="처음으로"onClick="which=1;what=1;backward();" onfocus="this.blur()"> <input type="button" value="다음>>" name="B1" onClick="forward()" onfocus="this.blur()"><br>
</center>
</div>
</form>
</td>
</tr>
</table>