풀다운 콤보메뉴로 이미지들을 보여줍니다
<HEAD>
<TITLE> 그누소스 </TITLE>
<!---- [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요 ---->
<script language="javascript">
<!--
function showimage()
{
if (!document.images)
return
document.images.pictures.src=
document.mygallery.picture.options[document.mygallery.picture.selectedIndex].value
}
//-->
</script>
<!------------------------- 여기까지 ---------------------------------->
</HEAD>
<BODY>
<!---- [2단계] 아래의 방법으로 원하는 위치에 복사 해 넣으세요 ------------------>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<form name="mygallery">
<p>
<select name="picture" size="1" onChange="showimage()">
<!--- 보여줄 이미지들을 설정 하세요 ---->
<option selected value="http://www.00fun.com/hillbilly_chic_laughing_lg_wht.gif">첫번째 사진</option>
<option value="http://sir.co.kr/image/v9_lptitle.gif">두번째 사진</option>
<option value="http://sir.co.kr/image/logo.gif">세번째 사진</option>
</select></p>
</form>
</td>
</tr>
<tr>
<td width="100%">
<p align="center">
<!-- 맨처음 보여줄 이미지를 선택하세요 --->
<img src="http://www.00fun.com/hillbilly_chic_laughing_lg_wht.gif" name="pictures">
</td>
</tr>
</table>
<!------------------------- 여기까지 ---------------------------------->
</BODY>
</HTML><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
<TITLE> 그누소스 </TITLE>
<!---- [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요 ---->
<script language="javascript">
<!--
function showimage()
{
if (!document.images)
return
document.images.pictures.src=
document.mygallery.picture.options[document.mygallery.picture.selectedIndex].value
}
//-->
</script>
<!------------------------- 여기까지 ---------------------------------->
</HEAD>
<BODY>
<!---- [2단계] 아래의 방법으로 원하는 위치에 복사 해 넣으세요 ------------------>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<form name="mygallery">
<p>
<select name="picture" size="1" onChange="showimage()">
<!--- 보여줄 이미지들을 설정 하세요 ---->
<option selected value="http://www.00fun.com/hillbilly_chic_laughing_lg_wht.gif">첫번째 사진</option>
<option value="http://sir.co.kr/image/v9_lptitle.gif">두번째 사진</option>
<option value="http://sir.co.kr/image/logo.gif">세번째 사진</option>
</select></p>
</form>
</td>
</tr>
<tr>
<td width="100%">
<p align="center">
<!-- 맨처음 보여줄 이미지를 선택하세요 --->
<img src="http://www.00fun.com/hillbilly_chic_laughing_lg_wht.gif" name="pictures">
</td>
</tr>
</table>
<!------------------------- 여기까지 ---------------------------------->
</BODY>
</HTML><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
댓글 1개
웹프로그래머
14년 전
감사합니다
게시판 목록
개발자팁
개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5396 | 기타 |
슈퍼스타맨
|
4개월 전 | 350 | |
| 5395 | PHP |
untitled
|
5개월 전 | 822 | |
| 5394 | MySQL |
선택과집중
|
6개월 전 | 594 | |
| 5393 | 웹서버 |
techstar
|
8개월 전 | 861 | |
| 5392 |
 oneit |
1년 전 | 1217 | ||
| 5391 | 10개월 전 | 1117 | |||
| 5390 | 10개월 전 | 904 | |||
| 5389 | 9개월 전 | 874 | |||
| 5388 | 9개월 전 | 974 | |||
| 5387 | 8개월 전 | 807 | |||
| 5386 | JavaScript |
nekoieye
|
8개월 전 | 971 | |
| 5385 | 웹서버 | 8개월 전 | 989 | ||
| 5384 | JavaScript |
 수평선1203 |
9개월 전 | 817 | |
| 5383 | 기타 | 10개월 전 | 1127 | ||
| 5382 | 기타 |
수평선1203 |
10개월 전 | 576 | |
| 5381 | JavaScript | 10개월 전 | 905 | ||
| 5380 | 기타 |
지구인430 |
10개월 전 | 690 | |
| 5379 | JavaScript | 10개월 전 | 690 | ||
| 5378 | 10개월 전 | 1198 | |||
| 5377 | 기타 |
수평선1203 |
11개월 전 | 760 | |
| 5376 | jQuery |
수평선1203 |
11개월 전 | 574 | |
| 5375 | jQuery |
techstar
|
11개월 전 | 728 | |
| 5374 | 기타 |
수평선1203 |
11개월 전 | 778 | |
| 5373 | MySQL |
 wodud3073 |
11개월 전 | 808 | |
| 5372 | 기타 |
수평선1203 |
11개월 전 | 1013 | |
| 5371 | JavaScript |
wodud3073 |
11개월 전 | 727 | |
| 5370 | JavaScript |
wodud3073 |
11개월 전 | 731 | |
| 5369 | PHP |
wodud3073 |
11개월 전 | 1243 | |
| 5368 | PHP | 1년 전 | 1408 | ||
| 5367 | 기타 |
nekoieye
|
1년 전 | 1283 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기