Ver Mensaje Individual
  #9 (permalink)  
Antiguo 06/03/2012, 12:04
Avatar de herzbazi
herzbazi
 
Fecha de Ingreso: febrero-2012
Mensajes: 612
Antigüedad: 12 años, 8 meses
Puntos: 36
Pregunta Respuesta: abrir lightbox fuera del iframe contenedor de imagen

el código es el siguiente

<link href="estilo.css" rel="stylesheet" type="text/css">

<script class="jsbin" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://leandrovieira.com/projects/jquery/lightbox/js/jquery.lightbox-0.5.pack.js"></script>
<link rel="stylesheet" type="text/css" href="http://leandrovieira.com/projects/jquery/lightbox/css/jquery.lightbox-0.5.css" media="screen" />

<script type="text/javascript">
$(function() {
var selector = 'a';
$(selector).lightBox();
$('iframe').load(function(){
$(this).contents().find(selector).lightBox();
});
});
</script>

</head>
<body bgcolor="#FFFFFF" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="1088" height="801" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td colspan="16">
<img src="images/index_01.png" width="1087" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="3" height="117">&nbsp;</td>
<td rowspan="3" id="logo">&nbsp;</td>
<td colspan="9" height="66">&nbsp;</td>
<td>
<img src="images/spacer.gif" width="1" height="66" alt=""></td>
</tr>
<tr>
<td rowspan="2">&nbsp;</td>
<td id="inicio"><a href="inicio.html" target="contenedor">Inicio</a></td>
<td id="quienessomos">Qui&eacute;nes Somos</td>
<td id="catalogos"><a href="catalogos.html" target="contenedor">Cat&aacute;logos</a></td>
<td id="contacto"><a href="formulario.html" target="contenedor">Cont&aacute;ctanos</a></td>
<td colspan="4" rowspan="2">&nbsp;</td>
<td>
<img src="images/spacer.gif" width="1" height="37" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="images/index_11.png" width="404" height="14" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td rowspan="4">&nbsp;</td>
<td colspan="14">
<img src="images/index_13.png" width="947" height="7" alt=""></td>
<td rowspan="10">&nbsp;
</td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img src="images/index_15.png" width="11" height="227" alt=""></td>
<td colspan="10" height="220">
<img src="images/index_16.png" width="925" height="220" alt=""></td>
<td rowspan="2">
<img src="images/index_17.png" width="11" height="227" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="220" alt=""></td>
</tr>
<tr>
<td colspan="10">
<img src="images/index_18.png" width="925" height="7" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="5">
<img src="images/index_19.png" width="27" height="348" alt=""></td>
<td colspan="8" rowspan="5"><iframe name="contenedor" src="inicio.html" scrolling="auto" frameborder="0" align="middle" marginwidth="3" marginheight="3" height="346" width="881"></iframe></td>


<td colspan="2" rowspan="5">
<img src="images/index_21.png" width="37" height="348" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td id="fb">Siguenos en Facebook</td>
<td>
<img src="images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td>
<div align="center"><a href="http://www.facebook.com/celebrations.guatemala" target="_new"><img src="images/index_23.png" width="58" height="54"></a></div></td>
<td>
<img src="images/spacer.gif" width="1" height="54" alt=""></td>
</tr>
<tr>
<td id="fb1"><p>Ent&eacute;rate de <br>
Las &uacute;ltimas<br>
noticias</p></td>
<td>
<img src="images/spacer.gif" width="1" height="46" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/index_25.png" width="74" height="296" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="196" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_26.png" width="2" height="100" alt=""></td>
<td colspan="12" id="pie"><p>Vis&iacute;tanos<br>
18 calle 10-50 zona 10 Centro Comercial Plaza La Villa 1er Nivel Tels. 2459-3808 / 2367-5050<br>
Diagonal 6 12-42 zona 10 Desing Center Local 119 Tels. 2459-3808</p></td>
<td rowspan="2">
<img src="images/index_28.png" width="11" height="100" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="70" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_29.png" width="1" height="30" alt=""><

dentro del iframe del index se abre el siguiente archivo. (aqui es donde tengo el link de galeria )

<link href="estilo.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="70%" height="390" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="7">
<img src="images/Fiesta-Tematica_01.png" width="1" height="389" alt=""></td>
<td colspan="4">
<img src="images-fiesta/Fiesta-Tematica_02.png" width="462" height="94" alt=""></td>
<td colspan="4">&nbsp;</td>
<td colspan="3" rowspan="2">
<img src="images-fiesta/Fiesta-Tematica_04.png" width="184" height="169" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="94" alt=""></td>
</tr>
<tr>
<td>
<img src="images-fiesta/Fiesta-Tematica_05.png" width="125" height="75" alt=""></td>
<td colspan="7" width="531" height="75" id="texto17">Haz de tu fiesta un evento m&aacute;gico, creamos fiestas tem&aacute;ticas con el tema de <br>
tu preferencia, creando una experiencia &uacute;nica entre tus invitados.</td>
<td>
<img src="images/spacer.gif" width="1" height="75" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="5">
<img src="images-fiesta/Fiesta-Tematica_07.png" width="406" height="220" alt=""></td>
<td colspan="9">
<img src="images-fiesta/Fiesta-Tematica_08.png" width="434" height="14" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td rowspan="4" width="28" height="206">&nbsp;</td>
<td colspan="3">
<img src="images-fiesta/Fiesta-Tematica_10.png" width="157" height="135" alt=""></td>
<td rowspan="4" width="26" height="206">&nbsp;</td>
<td colspan="3" rowspan="2">
<img src="images-fiesta/Fiesta-Tematica_12.png" width="176" height="138" alt=""></td>
<td rowspan="4" width="47" height="206">&nbsp;</td>
<td>
<img src="images/spacer.gif" width="1" height="135" alt=""></td>
</tr>
<tr>
<td rowspan="3" width="28" height="71">&nbsp;</td>
<td rowspan="2">
<img src="images-fiesta/Fiesta-Tematica_15.png" width="101" height="29" alt=""></td>
<td rowspan="3" width="28" height="71">&nbsp;</td>
<td>
<img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td rowspan="2" width="39" height="68">&nbsp;</td>
<td>
<img src="images-fiesta/Fiesta-Tematica_18.png" width="101" height="26" alt=""></td>
<td rowspan="2" width="36" height="68" >&nbsp;</td>
<td>
<img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td width="101" height="42">&nbsp;</td>
<td>&nbsp;</td>
<td>
<img src="images/spacer.gif" width="1" height="42" alt=""></td>
este es el html de la galeria

<style>
#mini1 li
{
list-style:none;
float:left;
padding:10px;
text-align:center;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#FFFFFF">
</td>
</tr>
<tr>
<td>
<ul id="mini1">
<li><a href="Centro de Mesas Notas Musicales Marzo 2011 1.jpg" rel="lightbox" caption"><img src="Centro de Mesas Notas Musicales Marzo 2011 1.jpg" width="125" height="175" border="0" /></a></li>
<li><a href="Decoracion de Hollywood 13.jpg"><img src="Decoracion de Hollywood 13.jpg" width="125" height="175" border="0" /></a></li>
<li><a href="Decoracion Tematica Holywood 3.jpg"><img src="Decoracion Tematica Holywood 3.jpg" width="125" height="175" border="0" /></a></li>
<li><a href="Decoracion Tematica Holywood 4.jpg"><img src="Decoracion Tematica Holywood 4.jpg" width="125" height="175" border="0" /></a></li>
<li><a href="Decoraciones Holywood Marzo 2011 1.jpg"><img src="Decoraciones Holywood Marzo 2011 1.jpg" width="125" height="175" border="0" /></a></li>
</ul> </td>
</tr>
<tr>
<td><ul id="mini1">
<li><a href="Decoracion de XV años de Hollywood.jpg"><img src="Decoracion de XV años de Hollywood.jpg" width="125" height="100" border="0" /></a></li>
<li><a href="Decoracion Tematica Holywood 12.jpg"><img src="Decoracion Tematica Holywood 12.jpg" width="125" height="100" border="0" /></a></li>
<li><a href="Decoraciones Holywood Marzo 2011 2.jpg"><img src="Decoraciones Holywood Marzo 2011 2.jpg" width="125" height="100" border="0" /></a></li>
<li><a href="Decoraciones Holywood Marzo 2011 3.jpg"><img src="Decoraciones Holywood Marzo 2011 3.jpg" width="125" height="100" border="0" /></a></li>
<li><a href="Decoraciones Holywood Marzo 2011 5.jpg"><img src="Decoraciones Holywood Marzo 2011 5.jpg" width="125" height="100" border="0" /></a></li>
</ul> </td>

esta es la imagen del error



el documento hijo tiene la galeria y tiene que abrir otro hijo ,, tengo que poner ahi los css o que debo de hacer gracias por tu gran ayuda ,,
__________________
Enseña todo lo que sepas...
Aprende todo lo que puedas..