이미지들을 보여주는 풀다운 콤보메뉴 입니다.
<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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 11832 |
jQuery
remove()를 이용하여 엘리먼트 삭제하기
|
| 11829 | |
| 11826 |
jQuery
동일 엘리먼트 순번 알아내기
2
|
| 11823 | |
| 11822 | |
| 11821 | |
| 11820 |
jQuery
position() 메서드 객체에 대한 좌표값
|
| 11819 | |
| 20318 | |
| 11818 | |
| 11817 | |
| 11816 | |
| 11814 | |
| 11813 | |
| 11811 | |
| 11810 |
jQuery
class가 있는지 없는지 체크하기
|
| 11809 |
PHP
배열에서 중복 값 없애기
|
| 11808 | |
| 11807 |
JavaScript
str_pad 자릿수만큼 특정문자로 채우기
|
| 11806 | |
| 11805 | |
| 11804 | |
| 11803 | |
| 11802 | |
| 11801 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기