이미지들을 보여주는 풀다운 콤보메뉴 입니다. > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

이미지들을 보여주는 풀다운 콤보메뉴 입니다. 정보

JavaScript 이미지들을 보여주는 풀다운 콤보메뉴 입니다.

본문

<HTML>
<HEAD>


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

추천
0
  • 복사

댓글 0개

© SIRSOFT
현재 페이지 제일 처음으로