Jquery ';Rel';在地图里贴标签?

Jquery ';Rel';在地图里贴标签?,jquery,html,css,image,Jquery,Html,Css,Image,我有一个映射图像的一部分,我想启动一个画廊(漂亮的照片插件)。但是,“区域”标记似乎不支持“rel”属性?不幸的是,这是我创办画廊的唯一途径。我将我的尝试(未成功)附在下面。有什么建议吗 <area shape="rect" coords="32,567,435,810" href="images/gallery_01.jpg" rel="prettyPhoto" title="Preview" /> 由于您只是在图像地图上使用直角坐标,因此您可以使用定位在同一位置覆盖支持rel

我有一个映射图像的一部分,我想启动一个画廊(漂亮的照片插件)。但是,“区域”标记似乎不支持“rel”属性?不幸的是,这是我创办画廊的唯一途径。我将我的尝试(未成功)附在下面。有什么建议吗

 <area shape="rect" coords="32,567,435,810" href="images/gallery_01.jpg" rel="prettyPhoto" title="Preview" />

由于您只是在图像地图上使用直角坐标,因此您可以使用定位在同一位置覆盖支持rel的a标记:

<div id="wrapper">
  <img src="your_image_map.jpg" />
  <a href="images/gallery_01.jpg" rel="prettyPhoto" title="Preview"> </a>
</div>

#wrapper { position:relative; }
#wrapper a {
  width:403px; height:243px;
  position:absolute; left:32px; top:567px;
}

#包装器{位置:相对;}
#包装纸{
宽度:403px;高度:243px;
位置:绝对;左侧:32px;顶部:567px;
}

您可以使用API打开图像地图中的内容

您的代码看起来像:

 <area shape="rect" coords="32,567,435,810" href="images/gallery_01.jpg" onclick="$.prettyPhoto.open('path/to/your/image.jpg','Title','Description'); return false" title="Preview" />

我发现了一些可能对你们大家都有用的东西。这就是我在div中打开外部链接所做的

<div class="whatever"  href="javascript:void(0)" onclick="$.prettyPhoto.open('http://whatever');">
</div>


您可以在这里看到结果,当您说“不支持”时,单击“服务”

您指的是严格的XHTML模式吗?你能用一个更宽松的定义吗?@jbrookover:hahahaa实际上不起作用-我设置了一个包装器,使内容居中(宽度:960px;左边距:自动;右边距:自动),新链接正在用绝对定位做一些奇怪的事情。这里有什么帮助吗?您必须在包装器上设置
位置:relative
。没有看到代码,我就无能为力了。太棒了!太简单了,我不知道你能把整个diva链接起来