<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>강아지 사진</title>
<script type="text/javascript">
function chn(root){
document.getelementbyid("mainimg").src = root;
}
</script>
</head>
<body>
<table align="center" border=2 cellpadding="0" cellspacing="0">
<tr>
<td><img src="11.jpg" width="70" height="70" border="0" onclick="chn('11.jpg')" style="cursor:hand"></td>
<td><img src="22.jpg" width="70" height="70" border="0" onclick="chn('22.jpg')" style="cursor:hand"></td>
<td><img src="33.jpg" width="70" height="70" border="0" onclick="chn('33.jpg')" style="cursor:hand"></td>
</tr>
<tr>
<td colspan="3" align="center">
<img id="mainimg" src="11.jpg" border="0" width="100" height="100"></td>
</tr>
</table>
</body>
</html>
어제도 질문드렸는데 또 이렇게 올리네요ㅠㅠ
인터넷 검색해서 자바스크립트로 구현한 기능을 추가했는데요
테이블단의 이미지 클릭시 클릭한 이미지가 위의 스크립트의 루트단으로 넘어가서 메인이미지가 변경되어야 할것같은데
변경이 안되네요 ㅠㅠ
어디가 문제일까요?? ㅠㅠ
document.getelementbyid("mainimg").src = root; 이구문이 이상한것같아서
var mainimg = document.getelementbyid(root).src; 이런식으로 주면될까싶어서 해봤는데도 안되네요 ㅠㅠㅠ
본인삭제금지
글쓰기