마우스 오버 링크에서 이미지 변경을 찾고 있습니다.

Question

jquery 플러그인 또는 마우스로 가리키면 텍스트 링크에 ​​따라 이미지를 변경할 수있는 간단한 자바 스크립트를 아는 사람이 있습니까?

이미지가 한 지점에서 고정되고 링크가 아래에 표시됩니다. 링크 목록을 가리키면 위의 이미지가 변경됩니다. 어떤 아이디어?

감사의 말

Answer 1

당신은 이것을 위해 플러그인이 필요 없습니다. 간단한 jQuery/자바 스크립트 코드를 사용하면이 작업을 수행 할 수 있습니다.

시도해보십시오. 이

<img id="imgContainer" src="" /> 
<a href="image.png">Mouse over on me</a> 

JS 스크립트

$("a").mouseover(function(){ 
    $("#imgContainer").attr("src", $(this).attr("href")); 
}); 

Answer 2

같은 간단한 마크 업을 가정

나는 영업 이익은 텍스트 링크 및 공통 이미지를 원하는 생각합니다. 나는 틀릴지도 모른다.

같은 링크 목록으로

나는 일반적인 이미지 링크의 수에 의해 변경 될 수

<img name=NAME src='orig-picture'> 

것

<a href="location to go to here" 
    onmouseover="document.NAME.src='picture for this link'" 
    onmouseout ="document.NAME.src='orig-picture'"> 
link text 
</a> 

생각합니다.

편집 : 원하는대로 하시겠습니까?

http://momarda.brinkster.net/simple_image_swap.asp