Zoom de Imagen en Ifram en otra pagina

Rhadamanthys87 · #1 (**permalink**) 05/07/2009, 15:56

Buenas tardes a todos.

Mi problema es el siguiente, me encuentro trabajando con Dreamweaver CS4 en una galeria de imagenes para mi sitio web al dar clic en las imagenes se hadce un Zoom en ellas para verlas mas grandes.

Resulta que tengo mi galeria de imagenes dentro de un Iframe. Cuando hago clic sobre las imagenes ocurre el Zoom en la imagen pero el Zoom se muestra dentro del mismo Iframe.

Lo que quiero es que cuando se muestre el Zoom lo haga en la pagina que contiene el Iframe (no dentro del iframe donde esta la galeria)

Sabe alguien si se puede hacer esto? y de ser asi como?

Gracias de antemano por sus respuestas.

deirdre · #2 (**permalink**) 05/07/2009, 17:15

Yo creo que eso es imposible, pero si pones tu código es mucho mejor: la contestación sería más ajustada a los hechos.

Bye

timz · #3 (**permalink**) 05/07/2009, 17:50

si lo estas haciendo en Php, creo que lo mejor que puedes hacer es mediante un include :D
una alternativa jeje

Saludos!

Rhadamanthys87 · #4 (**permalink**) 05/07/2009, 19:14

No estoy usando PHP, es con HTML.

El codigo es el siguiente:

Código HTML:

 <div class="TabbedPanelsContent">
          <div>
            <iframe src="" frameborder="0" scrolling="auto" width="390" height="480"></iframe>
        </div></div>

y:

Código HTML:

<html>
<head>
<title>Capturas</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
body,td,th {
	color: #CCC;
}
body {
	background-color: #000;
}
.rojo {
	color: #F00;
}
-->
</style>

	<link rel="stylesheet" type="text/css" href="../../SpryAssets/jquery.fancybox/jquery.fancybox.css" media="screen" />
	<script type="text/javascript" src="../../SpryAssets/jquery.fancybox/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="../../SpryAssets/jquery.fancybox/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="../../SpryAssets/jquery.fancybox/jquery.fancybox-1.2.1.pack.js"></script>
    	<script type="text/javascript">
		$(document).ready(function() {
			$("a").fancybox();
		});
	</script>

</head>
<body bgcolor="#FFFFFF">
<center>
<table bgcolor="lightgrey" border="0">
<tr>
<td bgcolor="#000000"><h1 class="rojo">Capturas</h1></td>
</tr></table><br>
<table align="center" border="0" cellspacing="10">
<tr valign="bottom"><td align="center"><a href="imágenes/normal_pbluray003_jpg.jpg"><img src="thumbnails/normal_pbluray003_jpg.jpg" border="0"></a>
</td>
<td align="center"><a href="imágenes/normal_pbluray091_jpg.jpg"><img src="thumbnails/normal_pbluray091_jpg.jpg" border="0"></a>
</td>
<td align="center"><a href="imágenes/normal_pbluray097_jpg.jpg"><img src="thumbnails/normal_pbluray097_jpg.jpg" border="0"></a>
</td>
</tr>

<tr valign="bottom"><td align="center"><a href="imágenes/normal_pbluray106_jpg.jpg"><img src="thumbnails/normal_pbluray106_jpg.jpg" border="0"></a>
</td>
<td align="center"><a href="imágenes/normal_pbluray217_jpg.jpg"><img src="thumbnails/normal_pbluray217_jpg.jpg" border="0"></a>
</td>
<td align="center"><a href="imágenes/normal_pbluray261_jpg.jpg"><img src="thumbnails/normal_pbluray261_jpg.jpg" border="0"></a>
</td>
</tr>
</table>
</center>
</body>
</html>

El segundo es el codigo donde tengo la galeria y donde se efectua el Zoom en las imagenes.

ix0ye · #5 (**permalink**) 23/11/2010, 00:37

tal vez si utilizas target='_parent' en el <a> te funcione