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">
버튼.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개
<!--
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로 바껴야 되요. 개별적으로요.
참고 적용 소스
http://gojin.kr/1234.html
왼쪽 작은 버튼 누르기전 누른후 우클릭으로 속성가셔서 파일명 확인해보세요
둘다 바뀝니다.
좋은 하루 되세요.
완전 잘됩니다. 정말 감사드립니다.
완전 최고에요. :)