shadowbox con area shape

[ceaped]

Buenas tardes

Tengo esto:

Código HTML:

<map name="mimapa" id="mimapa">
<area shape="circle" coords="559,400,30" href="#" alt="" title="Título 3" />
<area shape="rect" coords="366,256,434,390" href="#" alt="" title = "4">
<area shape="rect" coords="488,266,625,375" href="#" alt="" title = "5">
<area shape="poly" coords="499,394,483,377,441,375,433,397,436,414,497,414" href="#" alt="" title = "6">
</map>
 

Y busco integrar cada área con "shadowbox":

Código HTML:

<a rel="shadowbox;width=700;height=500" title="Página web" href="URL de la página">Página web</a>
 

¿Cómo lo integro?

Gracias por su ayuda

[ceaped]

Por que no puedo agregar la etiqueta rel="" a la zona interactiva?

Código Javascript:

<area shape="circle" coords="559,400,30" href="#" rel= "shadowbox[galeria1]; width = 480;height = 360" alt="" title="Título 1" />
 

Cómo puedo agregar la etiqueta para que me funcione "shadowbox"

Gracias por su ayuda

[ceaped]

Holasss
Encontré esto, pero no me funciona:

Código Javascript:

<script type="text/javascript">
$(document).ready(function(){
$("area[rel='example1']").shadowbox({transition:"fade"});           
});
</script>
 

Código Javascript:

<area shape="circle" coords="559,400,30" href="https://www.google.com.co/" alt="example1" title="Título 1" />
 

Como lo implemento?