JS 롤오버 이미지 연결

Question

나는 간단한 롤오버 이미지를 만들려고 노력하고 있으며 CSS 및 JavaScript 메서드를 사용했습니다. 그러나이 이미지를 링크 할 수 없습니다.

CSS 버전 (아래 참조)에서 배경 이미지를 사용하고 있으며 링크가 "비어있는"HTML 블록에서 인식되지 않았습니다.

JS 버전에서는 이미지가 images 폴더에서 호출됩니다. CSS와 마찬가지로 링크는 "빈"HTML 블록에서 인식되지 않습니다. HTML 블록에 이미지를 넣으면 롤오버가 작동하지 않습니다.

현재 내 HTML 코드에는 다음 항목이 있습니다. 넘어가는 작동하지만 링크하지 않습니다 :이 예에서

<div class="quick-map"><a href="Services/FloorPlan.aspx" onclick="window.open(this.href);return false;">&nbsp;</a></div> 

은 링크가 작동하지만 롤오버는하지 마십시오

<div class="quick-map"><a href="Services/FloorPlan.aspx" onmouseover="document.MyImage.src='images/quick-map.png';" onmouseout="document.MyImage.src='images/quick-map-over.png';"><img alt="" src="images/quick-map.png" /></a></div> 

어떤 제안을 크게 감상 할 수있다. 이것은 매우 단순한 것이어야하며, 왜 작동하지 않는지 이해할 수 없습니다. 나는

Answer 1

시도는이를 사용하는 ... 내가 제대로이 일을했다 맹세 할 수있다 :

<div class="quick-map"> 
<a href="Services/FloorPlan.aspx" onmouseover="document.getElementById('MyImage').src='images/quick-map.png';" onmouseout="document.getElementById('MyImage').src='images/quick-map-over.png';"> 
    <img alt="" src="images/quick-map.png" id="MyImage" /> 
</a> 
</div> 

당신이 여러 개의 이미지가있는 경우 서로 다른 ID를 필요로하므로 id 요구는, 페이지마다 고유 할 것을 기억

Answer 2

방금 ​​알아 냈습니다. 밝혀야 할 것은 디스플레이를 제공해야합니다 :과 <span> 태그의 너비와 높이, CSS에서 참조하고있는 이미지뿐입니다. 나는 그것이 단순한 무엇인가 알고 있었다. .. 당신의 도움에 당신 모두를 감사해라.