Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 图像映射禁用<;A>;标记图像_Javascript_Html_Css_Map_Image - Fatal编程技术网

Javascript 图像映射禁用<;A>;标记图像

Javascript 图像映射禁用<;A>;标记图像,javascript,html,css,map,image,Javascript,Html,Css,Map,Image,我有一些缩略图,我希望每个都是一个不同的链接。以下代码通常可以正常工作: <a href=#><img src=# /></a> 但是,我将每个缩略图制作为一个图像贴图(因此,当您将鼠标移到上方时,缩略图图像会发生变化)。现在,无论我把标签放在哪里,图像都拒绝作为链接。甚至在包含图像的div上使用JavaScript。 值得注意的是,图像下面有一个标题(在标记中)。这确实起到了链接的作用 如何使此图像同时成为链接和地图?为什么使用图像地图?没有必要使用图

我有一些缩略图,我希望每个都是一个不同的链接。以下代码通常可以正常工作:

<a href=#><img src=# /></a>

但是,我将每个缩略图制作为一个图像贴图(因此,当您将鼠标移到上方时,缩略图图像会发生变化)。现在,无论我把
标签放在哪里,图像都拒绝作为链接。甚至在包含图像的div上使用JavaScript。 值得注意的是,图像下面有一个标题(在
标记中)。这确实起到了链接的作用


如何使此图像同时成为链接和地图?

为什么使用图像地图?没有必要使用图像映射来获得这种行为。

嗯,我明白了


嗯,图像地图是
标签的唯一替代品

如果您想使用这种行为,我建议在图像上创建3个div,每个div都有单独的onMouseOver处理程序,并在
元素周围留下
标记以获得onClick行为


作为第二种选择,您不仅可以使用onMouseOver事件处理程序扩展div,还可以使用onClick事件处理程序和单个函数中的进程单击来扩展div。

请允许我澄清:我使用映射来定义图像中的三个区域。当您在图像上移动鼠标时,它会穿过每个“列”。每列都触发一个JS函数来更改该图像。因此,当您在图像上移动鼠标时,它会改变三次。有点像iPhoto,如果你看过的话。我正在建立一个摄影网站,这些缩略图将代表一个画廊。当人们在缩略图上移动时,它会改变,让他们预览图库中的其他内容。“嗯,图像地图是标签的唯一替代品。”所以,没有办法用地图做到这一点?谢谢,根据你的建议,我用JS触发器制作了三个div‘columns’,效果很好。