묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[이미지관련]자바스크립트 질문입니다.
2002.08.11 02:20
음. 예를들어...
사운드를 제어하는 버튼이 있다고 가정하면......
첨에는 음악나오면서 제어버튼이미지를 클릭하면 다른 정지이미지나...다른 이미지로 교체하고......
다시 클릭하면 이전 이미지를 .....그러니깐
on , off 를 하고 싶은데요....
자바스크립트에서....
값을 1씩 증가해서....
짝수면 on.gif
홀수면 off.gif 일케 출력하믄 될꺼 같은데요.....
음악이 중요한게 아니고...
이미지만 바뀌면 됩니다..
클릭 할때 마다요...
아시는분 답변 부탁드립니다...
사운드를 제어하는 버튼이 있다고 가정하면......
첨에는 음악나오면서 제어버튼이미지를 클릭하면 다른 정지이미지나...다른 이미지로 교체하고......
다시 클릭하면 이전 이미지를 .....그러니깐
on , off 를 하고 싶은데요....
자바스크립트에서....
값을 1씩 증가해서....
짝수면 on.gif
홀수면 off.gif 일케 출력하믄 될꺼 같은데요.....
음악이 중요한게 아니고...
이미지만 바뀌면 됩니다..
클릭 할때 마다요...
아시는분 답변 부탁드립니다...
더 좋은 방법이 있는지는 모르겠지만... 제가 쓰는 방법입니다...
<script language="javascript">
<!--
function toggleImage(obj)
{
var imgSrc = obj.src;
if (imgSrc.indexOf("_on") != -1) {
obj.src = imgSrc.replace("_on", "_off");
}
else {
obj.src = imgSrc.replace("_off", "_on");
}
}
-->
</script>
<img src="aaa_off.gif" onclick="toggleImage(this);">
<img src="bbb_off.gif" onclick="toggleImage(this);">
<img src="ccc_off.gif" onclick="toggleImage(this);">
특별히 바꿀건 없구요... 다만 이미지를 만드실 때 두개를 만드는 건 당연한건데...
이름을 주실때 반드시 뭐뭐뭐_on.gif, 뭐뭐뭐_off.gif 이런 식으로 파일이름에
반드시 _on 또는 _off 라는 문자열이 들어가야 됩니다.