GNUAPP

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">
|

댓글 6개

<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">


바로 쓴거라 테스트는 안해봤습니다 ~
답변 감사합니다.
그런데 작동이 안되요.ㅜㅜ
changeAll() 명령어를 쓰셨는데, 버튼.jpg는 버튼2.jpg 로 바뀌고,
그림1.jpg는 그림2.jpg로 바껴야 되요. 개별적으로요.
소스 그대로 적용해서 테스트 해봤는데 잘 되는데요 ''a
참고 적용 소스
http://gojin.kr/1234.html

왼쪽 작은 버튼 누르기전 누른후 우클릭으로 속성가셔서 파일명 확인해보세요
둘다 바뀝니다.
changeAll() 은 명령어가 아니라 제가 임의로 써준 함수명입니다.
감사드려요. 정말 잘되고 좋네요.^^ 덕분에 잘 해결하였습니다.
좋은 하루 되세요.
헉! 제가 잘못 붙여넣기했네요.
완전 잘됩니다. 정말 감사드립니다.
완전 최고에요. :)
댓글을 작성하시려면 로그인이 필요합니다.

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

+
제목 글쓴이 날짜 조회
12-11-16 조회 859
12-11-16 조회 640
12-11-16 조회 954
12-11-16 조회 861
12-11-16 조회 884
12-11-16 조회 1,635
12-11-16 조회 813
12-11-16 조회 1,066
12-11-16 조회 1,090
12-11-16 조회 896
12-11-16 조회 652
12-11-16 조회 914
12-11-16 조회 1,586
12-11-16 조회 961
12-11-16 조회 2,376
12-11-16 조회 852
12-11-16 조회 674
12-11-16 조회 913
12-11-16 조회 759
12-11-16 조회 1,675