Question

I am using FancyBox Jquery plugin to display popups in my website. It works fine for all anchor tags. I also want to use it for an area tag in a map tag so that I can display popups when clicked on specific part of an image. I have tried following code but it doesn’t work:

<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'>

Please tell me what modifications I need to do in Jquery code.
Thank you

Answer 1

I’ve used fancybox on area tag in image map and it works. try

$(“area#tag_id”).fancybox();

You can view my implementation on this url : Fancybox on area tag