跳转到指定的位置的图像映射

上我有一个大的图像与HTML <map>，我想跳转到一个特定区域的形象上。我已经使用了<area />标签用于标记的位置跳转到指定的位置的图像映射

的代码看看：

<img src="demo_files/k3.png" id="target" alt="Map" usemap="#powerpuffgirls" /> 
<map name="powerpuffgirls"> 
    <area shape="rect" coords="624,137,671,167" href="#" id="ppg" title="The Powerpuff Girls" alt="The Powerpuff Girls" /> 
    <area shape="rect" coords="99,2685,161,2723" href="#" name="ppg1" title="The Powerpuff Gidrls" alt="The Powerpuff sGirls" /> 
</map>

然而，我无法移动到任何区域的图像上。

编辑：任何其他方法移动到图像的特定区域将是伟大的！

来源

2013-04-04 Krishna

是比显示器的屏幕分辨率越大......？ – SaurabhLP 2013-04-04 06:28:58

@SaurabhLP是的，页面显示两个滚动条！ – Krishna 2013-04-04 06:36:00

试试这个link

$('a.links').click(function(e){ 
    e.preventDefault(); 
    var coor = $(this.hash).attr('coords').split(','); 
    $('html,body').scrollTo(coor[0], coor[1]); 
});

我已经使用这个插件scrollTo

脚本将防止标签的缺省功能，将得到的坐标与从href属性标识的区域标签属性和计算的位置和滚动到位置

来源

2013-04-06 07:33:42

入住这演示我创建...

尝试导航通过ID领域...

<div><a href="#ppg">Go to one</a> <a href="#ppg1">Go to two</a></div>

你必须与该地区发挥它的坐标...

http://jsfiddle.net/D9W6C/

来源

2013-04-04 06:48:31 SaurabhLP

感谢您的回答，但您可以在您的示例中看到该页面在同一位置上移动，无论区域中给出的坐标如何。 – Krishna 2013-04-04 07:04:15

跳转到指定的位置的图像映射

回答

相关问题