选择热点时,图像映射会跳转到原点

时间:2015-03-02 15:11:59

标签: html css

我的旧学校有一张非常大的全景图像,我正在使用图像地图和工具提示(使用工具提示)的组合来标记面部并获得建议名称的反馈。我的问题是当我选择一个离开屏幕的脸(即我必须滚动才能到达它)时,一旦我点击跳点,图像就会跳到它的原点(左上角)和我选择的人并且工具提示不在屏幕上且不可见。

你可以在这里看到这样的演示:http://www.oldkingstonianshull.org.uk/members/slider_demo/panorama_1925.html只有照片最末端的人才有这个演示的热点。

有没有办法阻止跳转到原点?我不是程序员,因此如果可能的话,需要有关如何执行此操作的基本指导。

由于

1 个答案:

答案 0 :(得分:0)

出现此问题是因为您指向#,请注意在您点击URI后会显示#。

确保您的javascript在功能发生后返回false,并且应该阻止此功能。

//do something
return false;

onclick="... return false;"

这将停止跳转到页面顶部,它会尝试指向未定义的标记。

或者使用jquery ......

$(".face").click(function(e) {
    function();
    e.preventDefault();
});

我发现您正在使用工具提示器,它会在点击时播放事件,这意味着您实际上并未实际链接任何内容,因此我不确定您将禁用此功能的位置 - 我'再看一下。