마우스 오버시 이미지 연결

Question

나는 1 년 정도 전에 내 웹 사이트 디자인을 도와 주었고 불완전한 것으로 보이는 부분을 고칠 필요가있었습니다. 일부 텍스트의 마우스 오버시 교체되는 이미지가 있습니다. 텍스트가 가리키는 것과 동일한 링크로 대체 할 이미지를 클릭하면됩니다. 예를 들어 "포트폴리오"라는 텍스트를 마우스로 가리키면 이미지가 미리로드 된 이미지로 변경됩니다. "포트폴리오"텍스트를 클릭하면 사용자가 이미지 갤러리로 이동합니다. 이미지를 클릭하여 텍스트를 클릭하는 것과 같은 위치로 이동할 수 있기를 원합니다. 나를 위해 구현 된 코드는 다음과 같습니다. 마우스 오버

<a href="javascript:warp()"><img class="loader" src="/path/to/initialimage.jpg" name="targetimage" border="0"></a> 

자바 스크립트

var myimages=new Array() 
var gotolink="#" 

function preloadimages(){ 
for (i=0;i<preloadimages.arguments.length;i++){ 
myimages[i]=new Image() 
myimages[i].src=preloadimages.arguments[i] 
} 
} 

preloadimages("/path/to/image1.jpg", 
"/path/to/image2") 

function changeimage(towhat,url){ 
if (document.images){ 
document.images.targetimage.src=towhat.src 
gotolink=url 
} 
} 
function warp(){ 
window.location=gotolink 
} 

에 변경 초기 사진의

HTML

<div class="cmDirectory"><a onMouseover="changeimage(myimages[1],this.href)" href="http://www.example.com">Portfolio</a></div> 

HTML 나는 코딩 초보자 그래서 당신의 답변 특정하십시오입니다. 그것은 내가 각 사진에 대한 링크를 정의하는 자바 스크립트에 뭔가를 추가해야 할 것 같습니다. 이에

<a href="javascript:warp()"><img class="loader" src="/path/to/initialimage.jpg" name="targetimage" border="0"></a> 

을 :

Answer 1

그냥이 변경

<a name="img_link" href="javascript:warp()"><img class="loader" src="/path/to/initialimage.jpg" name="targetimage" border="0"></a> 

을 자바 스크립트에서 대체이 :

function changeimage(towhat,url){ 
if (document.images){ 
document.images.targetimage.src=towhat.src 
gotolink=url 
} 

과 :

function changeimage(towhat,url){ 
if (document.images){ 
document.images.targetimage.src=towhat.src 
document.img_link.href=url; 
}