셀렉터 창으로 이미지 바꿔보기
로빈아빠
본문
<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://test.co.kr/1.gif">첫번째 사진</option>
<option selected value="http://test.co.kr/2.gif">두번째 사진</option>
<option selected value="http://test.co.kr/3.gif">세번째 사진</option>
</select></p>
</form>
</td>
</tr>
<tr>
<td width="100%">
<p align="center">
<!-- 맨처음 보여줄 이미지를 선택하세요 --->
<img src="http://test.co.kr/1.gif" name="pictures">
</td>
</tr>
</table>
<!------------------------- 여기까지 ---------------------------------->
</BODY>
</HTML>
출처 : http://qdata.co.kr/bo/bbs/board.php?bo_table=jt&wr_id=87
<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://test.co.kr/1.gif">첫번째 사진</option>
<option selected value="http://test.co.kr/2.gif">두번째 사진</option>
<option selected value="http://test.co.kr/3.gif">세번째 사진</option>
</select></p>
</form>
</td>
</tr>
<tr>
<td width="100%">
<p align="center">
<!-- 맨처음 보여줄 이미지를 선택하세요 --->
<img src="http://test.co.kr/1.gif" name="pictures">
</td>
</tr>
</table>
<!------------------------- 여기까지 ---------------------------------->
</BODY>
</HTML>
출처 : http://qdata.co.kr/bo/bbs/board.php?bo_table=jt&wr_id=87
관련링크
댓글목록
등록된 댓글이 없습니다.