풀다운 콤보메뉴로 이미지들을 보여줍니다
<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년 전
감사합니다
게시글 목록
| 번호 | 제목 |
|---|---|
| 17628 | |
| 17616 |
기획서
사이트맵
11
|
| 17605 |
기획서
사이트제작순서 (참고)
10
|
| 20033 | |
| 10521 |
JavaScript
계층형 카테고리를 여러개 선택할수 있게 하는방법이 없을까요??
|
| 10518 |
jQuery
슬라이드 업 전체메뉴에 대해 질문드립니다.
2
|
| 10517 | |
| 10514 | |
| 10504 |
MySQL
mysql like 검색방법
9
|
| 20029 |
웹접근성
웹접근성이란?
3
|
| 10499 |
JavaScript
자바스크립트를 이용해서 모바일에 selet 박스 구현한것입니다
4
|
| 10491 |
jQuery
jquery로 펼침 메뉴 입니다.
7
|
| 10485 | |
| 20020 |
웹접근성
웹표준형 화면 확대/축소
8
|
| 10484 | |
| 10470 |
Mobile
끊기지 않는 세션을 만들려면 어떻게?
13
|
| 10463 | |
| 280 | |
| 20019 | |
| 10459 |
MySQL
csv 편집 방법?
3
|
| 10455 | |
| 10447 | |
| 10437 | |
| 10433 |
JavaScript
자바스크립트 해킹 공격에 대한 방어
3
|
| 10427 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기