Javascript 在鼠标上方链接图像

大约一年前，有人帮我设计了我的网站，我需要修复一些看起来不完整的东西。我有一个图像，它在一些文本的鼠标上方被替换。我需要的是被替换的图像可以点击到文本指向的相同链接。例如，文本“公文包”的鼠标悬停会将图像更改为我预先加载的图像。点击文本“公文包”将用户带到图像库。我想能够在图像上点击去相同的地方点击文本。下面是为我实现的代码

html

鼠标悬停时更改的初始照片的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
}

var myimages=new Array（）
var gotolink=“#”
函数preload images（）{
对于（i=0；i只需更改此项：

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

与：

感谢您的回复。使用您在单击照片时提供的更改，url只是从开始到结束。我是否需要对var gotolink=“#”？我希望照片的链接与单击鼠标上方更改照片的文本的链接相同。谢谢我测试了您所说的内容，但没有发现任何问题（带“/#”和不带“/#”的链接把我带到了同一个页面）。我是说，如果“/#”有什么关系附加到url的末尾，只要它能将您带到正确的目的地。但如果问题是我没有发现的，请您详细说明或提供JSFIDLE。我希望我做得对…我希望右侧的图像可以单击到与左侧的文本相同的href。谢谢。一切都很好，工作正常ng您只需将
onclick=“warp（）”
添加到img标记，为了让人们知道图像是可单击的，您必须添加
style=“cursor:pointer；”
还有img标签。我用你的建议更新了JSFIDLE，但它对我仍然不起作用-当我向下滚动左侧的库名时，图像会发生变化，但单击该图像并不会像单击相应文本那样将我带到url，这正是我想要做的。谢谢。
<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>

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