Fancybox a partir de otro fancybox

emiliano espinosa · #1 (**permalink**) 11/11/2010, 12:25

Tengo una liga en el menú de mi sitio que me reproduce una imagen con fancybox, esta imagen es otro menú generado a partir de un mapa en DW; esta imagen/menú tiene dentro varias ligas, pero una de ellas quiero que se abra con fancybox. Es decir, un fancybox a partir de otro fancybox... ¿se puede?
Les dejo la dirección del sitio y, una vez estando en él, vayan al menú superior y den click en Campañas, una vez abierto el menú, abajo a la derecha dice ¿un poco de pimienta? ese es el menú que necesito que también se abra con fancybox.

http://imagineria.com.mx

Este es el código del .html para ese segundo menú que no he podido hacer funcionar con fancybox:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Imaginería Casa de Publicidad</title>

<script type="text/javascript" src="jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.2.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.2.css" media="screen" />

<script type="text/javascript">
$(document).ready(function() {

$("a#imagenbox").fancybox();

$("#campanas").fancybox({
'padding' : 0,
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'ajax',
'href' : 'secundario.html'
});
});
</script>

</head>

<body>
<img src="imagen/Menu-Principal.jpg" alt="" width="1102" height="827" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="104,233,167,254" href="bansefi.html" alt="" />
<area shape="rect" coords="69,261,204,281" href="dfgob.html" alt="" />
<area shape="rect" coords="69,289,205,311" href="gobfed.html" alt="" />
<area shape="rect" coords="97,316,178,339" href="sedesol.html" alt="" />
<area shape="rect" coords="317,232,510,255" href="ife.html" alt="" />
<area shape="rect" coords="354,262,472,283" href="insurgentes.html" alt="" />
<area shape="rect" coords="325,288,500,342" href="mcd.html" alt="" />
<area shape="rect" coords="354,344,473,367" href="ninosnadie.html" alt="" />
<area shape="rect" coords="386,372,440,393" href="urng.html" alt="" />
<area shape="rect" coords="592,233,786,258" href="atte.html" alt="" />
<area shape="rect" coords="659,261,719,282" href="indesol.html" alt="" />
<area shape="rect" coords="621,289,754,340" href="inmujeres.html" alt="" />
<area shape="rect" coords="636,345,743,368" href="pueg.html" alt="" />
<area shape="rect" coords="657,372,722,395" href="semillas.html" alt="" />
<area shape="rect" coords="914,232,1018,255" href="cni.html" alt="" />
<area shape="rect" coords="879,260,1050,311" href="cmr.html" alt="" />
<area shape="rect" coords="936,316,994,337" href="directv.html" alt="" />
<area shape="rect" coords="907,343,1022,369" href="imagen.html" alt="" />
<area shape="rect" coords="900,371,1029,397" href="independiente.html" alt="" />
<area shape="rect" coords="888,399,1042,424" href="nove.html" alt="" />
<area shape="rect" coords="938,427,992,449" href="elpais.html" alt="" />
<area shape="rect" coords="933,455,996,478" href="proceso.html" alt="" />
<area shape="rect" coords="879,565,1051,747" href="secundario.html" alt="" id="campanas" />
</map>
</body>
</html>