• 돌아가기
  • 아래로
  • 위로
  • 목록
  • 댓글
Script

간단한 앨범을 만들자

오작교 25753

0

<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>

공유
0

댓글 쓰기 권한이 없습니다. 로그인

취소 댓글 등록

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

삭제하시겠습니까?

목록

공유

facebooktwitterpinterestbandkakao story
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 290799 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 349756 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 294399 +14
300
normal
오작교 23.12.10.09:32 14530 0
299 Script
normal
오작교 23.12.10.09:29 19856 0
298 CSS
normal
오작교 21.01.09.14:18 40791 0
297 HTML
normal
오작교 15.09.17.08:58 116379 0
296 HTML
normal
오작교 15.09.13.21:38 21661 0
295 HTML
normal
오작교 15.09.13.21:30 25241 0
294 HTML
normal
오작교 15.08.30.12:19 52843 0
293 Script
normal
오작교 15.05.12.14:06 21225 0
292 HTML
file
오작교 12.03.08.13:51 35997 0
291 HTML
normal
오작교 11.06.03.10:44 40819 0
290 CSS
normal
오작교 11.06.03.10:29 70721 0
289 Script
normal
오작교 11.03.22.11:19 43525 0
288 Script
normal
오작교 11.03.22.11:15 38298 0
287 Script
normal
오작교 11.03.22.11:07 37180 0
286 HTML
normal
오작교 11.01.25.10:27 36276 0
285 CSS
normal
오작교 11.01.24.10:40 35449 0
284 HTML
normal
오작교 11.01.24.10:39 37168 0
283 Script
normal
오작교 11.01.24.10:34 38173 0
282 CSS
normal
오작교 11.01.24.10:31 37817 0
281 CSS
normal
오작교 11.01.24.10:27 36276 0