음.. 연관성이 없지만 물어볼곳이 여기밖에 없어서 여쭤봅니다..
<a onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';" href="javascript:void(0)"><img src="이미지"></a><div style="DISPLAY: none">내용</div>
이 태그를 사용하는데요..
이미지를 클릭하면 요약되어 있는 내용이 나와야하는데..
게시판에 저 소스를 넣으면 이미지 클릭하면 이미지 주소로 이동을 해버립니다..
어떻게 해야 내용만 출력되게 할 수 있을까요?
<a onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';" href="javascript:void(0)"><img src="이미지"></a><div style="DISPLAY: none">내용</div>
이 태그를 사용하는데요..
이미지를 클릭하면 요약되어 있는 내용이 나와야하는데..
게시판에 저 소스를 넣으면 이미지 클릭하면 이미지 주소로 이동을 해버립니다..
어떻게 해야 내용만 출력되게 할 수 있을까요?
|
답변 1개 / 댓글 3개
채택된 답변
+20 포인트
Copy
<head><meta charset="utf-8"></head><body><a onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';" href="javascript:void(0)"><img src="./icon_file.gif"></a><div style="DISPLAY: none">내용</div></body>
위와 같이 넣어서 테스트해보니 브라우저에서 잘 동작합니다. 이미지 클릭하면 아래에 "내용"이 토글 되는 것이 아니라면 어떤 질문인지 다시한번 주세요
답변에 대한 댓글 3개
답변을 작성하려면 로그인이 필요합니다.
이미지 클릭시 내용이 나오는게 아니라, 이미지 주소로 주소창의 주소가 바뀌면서 이미지가 나옵니다.
[code]<a onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';" href="javascript:void(0)"><img src="http://abc.com/abc.jpg"></a><div style="DISPLAY: none">내용</div>[/code]
이럴 경우, 내용이 나오지 않고 http://abc.com/abc.jpg 주소로 이동된다는 뜻입니다.