Iframe Dinamico URGENTE, YA NO DOY MAS!!!

alexisfch · #1 (**permalink**) 06/02/2008, 17:36

Hola, estoy haciendo una galeria de imagenes, donde al hacer click en una miniatura se abre en un iframe la imagen mas grande, teniendo diferentes tamaños estas imagenes.-

Alguien sabe como hacerlo para que cuando se abra la imagen en el iframe se modifique este en funcion del tamaño de la imagen y quede esta al 100% ocupando el tamaño completo del iframe.

AYUDA AMIGOS!!!

caricatos · #2 (**permalink**) 06/02/2008, 18:12

Hola:

Solo se me ocurre con una página con un tag img y al cargarse la imagen enviar las dimensiones a la página padre...
<img onload="parent.dimensionarIframe(this.width, this.height)" ...

Y en la página padre redimensionar el iframe con el método dimensionarIframe()...

Saludos

alexisfch · #3 (**permalink**) 06/02/2008, 23:06

Muchas gracias, maestro de las caricaturas, el problema es que soy muy newbie en esto, serias tan amable de darme un ejemplillo, cosa que pruebe el codigo y asi aprenda mejor.

Gracias por tu tiempo.

Pd: Te quedo genial el avatar con tu cara, te salio igualita xD

caricatos · #4 (**permalink**) 06/02/2008, 23:54

Hola:

Prueba con este código:
La página principal:

Código:

<html>
<head>
<script>
function tag(id) {return document.getElementById(id);}
function redimencionarIframe(ancho, alto) {
	with(tag("visor").style) {
		width = ancho + "px";
		height = alto + "px";
	}
}
</script>
</head>
<body>
<a href="verImagen.php?imagen=Lupa.png" target="visor" >Enlazando</a>
<br />
<iframe name="visor" id="visor" style="width: 300px; height: 200px" ></iframe>

</body>
</html>

Y la imagen (verImagen.php):

Código:

<? $imagen = $_GET["imagen"]; ?>
<html>
<head>
<style>
*	{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
</style>
</head>
<body>
<img src="<?=$imagen; ?>" onload="parent.redimencionarIframe(this.width, this.height)" />
</body>
</html>

Lo puse con un enlace y el iframe en php... al verImagen.php le tienes que pasar una url válida.

Saludos