버튼클릭으로 이미지 바꾸기

조회 수 6830 추천 수 4 04.20
미리보기 :  
http://www.javascript.co.kr/src/200104_02/coin/coin.html<!--1. 아래 스크립트를 HEAD 부분에 복사해 넣으세요. 없으면 그냥 두세요-->

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Hanz Broden (webmeister@v-wave.com) -->
<!-- Web Site:  http://plaza.v-wave.com/dotcom -->
<!---Edited by JASKO-->
<!---Web Site : http://www.javascript.co.kr-->
<!-- Begin
function flipCoin() {
var x = parseInt(Math.random() * 2, 10);
coinsrc = (!x) ? "heads.gif" : "tails.gif";
document.coinform.coinbutton.value = 'Flipping';
ID = window.setTimeout("changeCoin();", 750);
}
function changeCoin() {
document['coin'].src = coinsrc;
document.coinform.coinbutton.value = 'Flip Coin';
}
//  End -->
</script>

</HEAD>

<!--2. BODY 태그내에 onload="" 혹은 onunload 부분이 있으면 복사해 넣으세요-->

<BODY BGCOLOR="#FFFFFF">

<!--3. BODY 부분에 아래의 스크립트를 복사해 넣으세요-->


<center>
<form name=coinform>
<table border=0 height=200>
<tr valign=top>
<td><input type=button name=coinbutton value="Flip Coin" onClick="flipCoin();"></td>
<td><img name=coin src="heads.gif" width=190 height=190></td>
</tr>
</table>
</form>
</center>
엮인글 :
http://www.javascript.co.kr/index.php?document_srl=5372&act=trackback&key=c28

List of Articles
번호 제목 조회 수
18 랜덤 배너 및 특정 배너가 들어간 페이지 디스플레이 시키기 2889
17 스트레칭(늘어났다, 줄어드는) 이미지 로테이트 스크립트 2868
16 또다른 배너(이미지) 로테이트 시키기 3052
15 랜덤 이미지 스트라이프 슬라이드 쇼 4242
14 로딩할때마다 다른 배너 이미지 2870
13 제자리에서 여러개의 배너 로테이트 시키기 4177
12 간단한 랜덤 GIF 로딩하기 [2] 3745
11 이미지 사이즈에 맞게 팝업창에서 열어주고 로딩중... 메세지 표시하기 [1] 6637
10 웹페이지에서 이미지사이즈 마우스로 조절하기 [3] 4209
9 지도 이미지에서 위도와 경도를 풍선도움말로 나타내 주기 4819
8 단체사진에서 친구 찾아보기 [5] 4399
7 이미지를 클릭하면 랜덤으로 다른 이미지 보여주기 3226
» 버튼클릭으로 이미지 바꾸기 [1] 6830
5 onMouseOver 로 동시에 2개의 이미지 바꾸기 file [5] 5426
4 Fade 되는 텍스트 효과 4950
3 랜덤 배너를 확율값 조작하여 디스플레이 시키기 2864
2 멋진 앨범 만들기 file [5] 7152
1 Color Picker - 색상표 file [2] 4747