不能在图像中的地图标记中使用花式框jquery插件来区域标记

时间:2012-09-11 16:10:23

标签: javascript jquery html popup fancybox

我正在使用FancyBox Jquery插件在我的网站上显示弹出窗口。它适用于所有锚标签。我还想将它用于地图标记中的区域标记,以便在单击图像的特定部分时显示弹出窗口。我尝试过以下代码但不起作用:

<script type="text/javascript"> 
 $(document).ready(function(){ 
  $("#tag_id").fancybox(); 
 });
</script>


<map name="question_img">
 <area id="tag_id" shape="rect" coords="0,0,200,200" href="http://domain.com/ajax.txt" alt="" />
</map>

<img src='http://domain.com/image.jpg' width='100%' height='100%' usemap='#question_img'>

请告诉我在Jquery代码中需要做哪些修改。 谢谢

1 个答案:

答案 0 :(得分:0)

我在图像地图中的区域标签上使用了fancybox并且它有效。尝试

  

$( “区域#TAG_ID”)的fancybox();

您可以在此网址上查看我的实施:Fancybox on area tag