在鼠标悬停时链接图像

Question

大约一年前我有人帮我设计了我的网站，我需要修复一些看起来不完整的东西。我有一个在鼠标悬停某些文本时被替换的图像。我需要的是替换图像可以点击到文本指向的相同链接。例如，将鼠标悬停在文本“投资组合”上会将图像更改为我预加载的图像。单击文本“投资组合”会将用户带到图片库。我希望能够单击图像以转到与单击文本相同的位置。这是为我实现的代码。

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>

javascript

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
}

我是编码新手，所以请具体说明您的答案。看来我需要在 javascript 中添加一些内容来定义每张照片的链接。

Answer 1

只要改变这个：

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

到这里：

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

在 JavaScript 中替换这个：

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;
}