function change로 이미지 2개를 바꾸려면? > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

function change로 이미지 2개를 바꾸려면? 정보

function change로 이미지 2개를 바꾸려면?

본문

아래소스는
버튼.jpg 그림을 누르면, 그림1.jpg 가 그림2.jpg로 바뀌는 스크립트입니다.

버튼.jpg 클릭
그림1.jpg ------> 그림2.jpg

------------------------------------------------------------------------------

*문의 드릴것은, 버튼.jpg를 눌렀을때,
그림1.jpg 가 그림2.jpg로 바뀌면서,
버튼.jpg 자신도 버튼2.jpg로 바뀌게 하려면
어떻게 해야 되나요?

버튼.jpg 클릭
버튼.jpg-------->버튼2.jpg
그림1.jpg ------> 그림2.jpg

이런식으로 동시에 남도 바꾸고 자신도 바껴야 되는데,onClick을 2번 쓰는 것은 불가능하더라구요.
도와주세요.ㅜㅜ
 
-----------------------------------------------------------------------------------------------

<script language="Javascript">
<!--
function change(iName,imgA,imgB)
{
 iObj = document.images[iName];
 n    = iObj.src.lastIndexOf("/") + 1;
 iSrc = iObj.src.substring(n,iObj.src.length);
 if (iSrc == imgA) iObj.src = imgB; else iObj.src = imgA;
}
// -->
</script>

<img src="버튼.jpg" border="0" onClick="change('img1','그림1.jpg','그림2.jpg')">
<img src="그림1.jpg" width="1195" height="873" border="0" name="img1">
  • 복사

댓글 전체

군포돼지 자기소개 아이디로 검색 회원게시물 12.11.16 13:39:48
<script language="Javascript">
<!--
function change(iName,imgA,imgB)
{
 iObj = document.images[iName];
 n    = iObj.src.lastIndexOf("/") + 1;
 iSrc = iObj.src.substring(n,iObj.src.length);
 if (iSrc == imgA) iObj.src = imgB; else iObj.src = imgA;
}
function changeAll(){
  change('img1','그림1.jpg','그림2.jpg');
  change('img2','버튼.jpg','버튼2.jpg');
}
// -->
</script>

<img src="버튼.jpg" border="0" onClick="changeAll()" name="img2">
<img src="그림1.jpg" width="1195" height="873" border="0" name="img1">


바로 쓴거라 테스트는 안해봤습니다 ~
부엉빵 자기소개 아이디로 검색 회원게시물 12.11.16 13:48:58
답변 감사합니다.
그런데 작동이 안되요.ㅜㅜ
changeAll() 명령어를 쓰셨는데, 버튼.jpg는 버튼2.jpg 로 바뀌고,
그림1.jpg는 그림2.jpg로 바껴야 되요. 개별적으로요.
군포돼지 자기소개 아이디로 검색 회원게시물 12.11.16 13:52:43
소스 그대로 적용해서 테스트 해봤는데 잘 되는데요 ''a
참고 적용 소스
http://gojin.kr/1234.html

왼쪽 작은 버튼 누르기전 누른후 우클릭으로 속성가셔서 파일명 확인해보세요
둘다 바뀝니다.
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로