묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
클릭했을때 이미지 변경하는 방법은?
2011.12.30 13:08
function toggle_object(post_id){
var obj = xGetElementById(post_id);
if(!obj) return;
if(obj.style.display=="none"){
obj.style.display='block';
} else {
obj.style.display="none";
}
}
이게 제가쓰는 코드인데
링크에
<a href="#" onclick="toggle_object('test'); return false;"> <img src="./test.gif"> </a> 으로 쓰고 있는데
링크를 클릭하면
<img src="./test.gif"> 이 부분이 다른 이미지로 <img src="./test1.gif"> 바뀌게 할 수 있을까요?
아니면 CSS 로 처리하는 방법이 있을까요?
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
서피현 | 페이지가 뜨게하고 싶은데 . [1] | 2009.06.22 by 백성찬 |
╋KEI | 회원번호가 member_srl인지요? [1] | 2009.06.22 by 김정훈닷컴 |
박노열 |
웹에러 메시지에 대한 조치가 필요합니다.
[2]
![]() | 2009.06.22 by 박노열 |
gguyy | 게시판 글작성후 특정페이지로 이동할수는 없나요? | |
칼잇으마 | 쪽지보낼때 메일발송 체크시 2번 보내지네요 버그? 저만? [1] | 2009.06.22 by 궁금이2 |
싸나이김 | 포인트에 의한 그룹 변동 질문입니다. | |
이수진849 | 하단스크롤바 생성문제입니다.ㅠㅠ | |
tinyfarm | 제로보드 관리자 비밀번호 분실 [1] | 2009.06.23 by HwangTi |
최윤상219 | 급합니다. 정말루 ㅠㅠ 모듈이 연결이 안돼네여.. [1] | 2009.06.23 by SOL군 |
쿵푸팬더 | 파일 첨부 용량 오류 [2] | 2009.06.23 by 쿵푸팬더 |
해커다 | 캐시 시간 설정 [1] | 2009.06.23 by 해커다 |
nojinkyu | 설문조사 중복 참여 방법 | |
lznuscr | 도와주세요ㅠㅠ [1] | 2009.06.23 by bcpt |
brendy | 웹페이지용 구글 가젯 | |
별사탕FS | XE설치시 디비 생성 방법 | |
쁘띠마망 | xe1.2.3 설치후 플래너 오류현상 | |
teresia | 제가 문외한이라 일을 저질렀습니다.. [5] | 2009.06.23 by teresia |
딘131 | 플래너 일정 최근게시물로 뽑기 [1] | 2009.06.23 by 쁘띠마망 |
uaful | 메뉴추출에 관한 문제입니다 ㅠㅠ [2] | 2009.06.23 by uaful |
싸나이김 | 게시판에 관리자가 미리 예시를 적어 놓는것은 어떻게 하나요 |
<a href="#" onclick="document.getElementById('test').src='클릭했을때 보여줄 이미지.jpg'; return false;"> <img src="./처음보여줄이미지.jpg" id="test" /> </a>
이건 그냥 간단히 한줄로 처리하는 것이고
만일 클릭때 마다 바뀌게 하려면
<script type="text/javascript">
var i = 0;
function toggle_object(post_id)
{
i = i + post_id;
var obj = document.getElementById('test');
if(!obj) return;
if(i%2!=0)
{
obj.src="클릭했을때 보여줄 이미지";
}
else
{
obj.src="처음보여줄이미지";
}
}
</script>
<a href="#" onclick="toggle_object(1); return false;"> <img src="처음보여줄이미지" id="test" /> </a>