Javascript 将this.href替换为this.title

当用户将鼠标移到图像地图的热点上时，下面的代码可以完美地显示图像。唯一的问题是什么？单击“this.href”当然会将用户带到热点图像本身。我想保留“href”以将用户发送到我选择的页面

是否可以使用“title”而不是“href”来定义热点图像？如果是这样，请显示详细信息，我对javascript非常陌生，谢谢

<script type="text/javascript">
 function ShowPicC(sImage){document.housec.src = sImage}
 </script>

 <img border="0" src="main-image.png" width="640" height='640' usemap="#FPMap0">
 <map name="FPMap0">
 <area onmouseover='ShowPicC(this.href)' href='hotspot1.png' alt="thisalt" title="can-png-go-here.png" shape="circle"  coords="400,400,20">
 <area onmouseover="ShowPicC(this.href)" href="hotspot2.jpg" alt="youralt" title="can-png-go-here2.png" shape="circle" coords="420,420,20">
 <area onmouseover="ShowPicC(this.href)" href="hotspot3.jpg" alt="differentalt" title="can-png-go-here3.png" shape="circle" coords="440,440,20">
 <area onmouseover="ShowPicC(this.href)" href="hotspot4.jpg" alt="whateveralt" title="can-png-go-here4.png" shape="circle" coords="460,460,20">
 </map>

 <img name="housec" src="starter-hotspot-image.png" width="192" height="170">

函数ShowPicC（sImage）{document.housec.src=sImage}

当然可以，尽管

标题

不是

区域

的有效属性。你试过了吗

<area onmouseover="ShowPicC(this.title)" title="someotherimage.jpg" ...

---

HTML中的
标题
在哪里？感谢Tom Fenech，将标题添加到HTML中。我确实尝试过感谢@isherwood提供的数据图像创意！对我来说，最困难的部分似乎是如何更改脚本中标题或数据图像的函数。你知道怎么做吗？功能不需要改变。它接受传递的任何值。太好了，你是对的@isherwood！此.title不起作用（是的，不改变功能）。但我很难找到正确的方法让数据图像工作。这不是“这个数据图像”是吗？抱歉，我四处浏览了一下，但找不到正确的语法。同样是的，看起来数据图像更可取。看看我包含的链接。这有点不同，因为数据属性没有本机JavaScript方法。是的，我看过代码，但对JavaScript有点陌生，不知道如何更改脚本。。。如果我没有收到你的来信，我想我还是用“头衔”吧。谢谢你的帮助！
<area data-image="someotherimage.jpg" ...