2012-09-14 3 views
1

나는 mouseover와 관련하여이 가격표가 작동하는 방식과 비슷한 것을 시도하고 있으며, 큰 이미지는 바뀌고 있습니다. 나는 이것이 무엇이라고 불리는 지 알 수 없다. 누군가 올바른 방향으로 나를 가리킬 수 있는가?오프셋 이미지 mouseover

http://www.anyjunk.co.uk/rubbish-removal-prices

+0

검색은 ** css sprites ** 및 ** css image replacement **입니다. –

답변

1

은 그냥 기본 onmouseover 이벤트처럼 나에게 보인다. 다음과 같이이 작업을 수행 할 수도 있습니다.

<script type="text/javascript"> 
    function changeImage(imageFile) 
    { 
     document.getElementById('img1').src = imageFile; 
    } 
</script> 
<div id="div1" onmouseover="changeImage('image2.jpg')">Mouse over this</div> 
<img src="image1.jpg" id="img1" /> 

예를 들어 jsFiddle입니다.

+0

너무 빨리 답장을 보내 주셔서 감사합니다. 나는 그게 그런 것 같다고 생각했지만, 정확히 어디서나 볼 수는 없었습니다. 나는 그것이 ipads/iphone에서 잘 작동 할 필요가 있기 때문에 가능하다면 자바 스크립트없이 그것을하기를 바랐다. 마우스 오버 및 큰 이미지 표시가 필요한 10 가지 항목이 있습니다. 여전히 작동합니까? – user1672273

+0

iPad 및 iPhone에 Javascript 엔진이 있습니다. 이것들은 정상적으로 작동합니다. 그들은 단지 플래시를 그렇게 잘 다루지 않습니다. [jsFiddle] (http://jsfiddle.net/TXgLv/4/)을보십시오. 원하는 항목을 원하는만큼 추가 할 수 있습니다. – Travesty3