GNUAPP

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

· 2012-11-16 (금) 12:39:31 · 837 · 6
아래소스는
버튼.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개

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


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

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

그누4 질문답변

66,531건

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

+
제목 글쓴이 날짜 조회
12-11-16 조회 847
12-11-16 조회 625
12-11-16 조회 937
12-11-16 조회 845
12-11-16 조회 872
12-11-16 조회 1,625
12-11-16 조회 797
12-11-16 조회 1,055
12-11-16 조회 1,072
12-11-16 조회 880
12-11-16 조회 642
12-11-16 조회 902
12-11-16 조회 1,568
12-11-16 조회 943
12-11-16 조회 2,358
12-11-16 조회 838
12-11-16 조회 662
12-11-16 조회 897
12-11-16 조회 749
12-11-16 조회 1,662