pop up ajustado a imagen

luzin · #1 (**permalink**) 10/10/2005, 12:15

Hola amigos, tengo una galeria de fotos en un pop up basada en el visor de tunait, el codigo funciona bien, pero me gustaria que el pop up se ajustara al tamaño de la imagen... me podrian ayudar.... el codigo que tengo es este:

en el index:

<script language="JavaScript">
function ventanaSecundaria (URL){
window.open(URL,"ventana1","width=500, height=350, scrollbars=no, menubar=no, location=no, resizable=no")
}
</script>

el boton:

<a href="javascript:ventanaSecundaria ('01new/visor.htm')">

y en la galeria que es el pop up:

<script type='text/JavaScript' src='fotos.js'> </script>
<script>
var afoto = new Array()
var idx=0
function inicio()
{
for (a=0;a<fotos.length;a++)
{
afoto[a] = new Image()
afoto[a].src = fotos[a]
}
muestra()
}

function pasa(dir)
{
if (dir=="i")
{
idx--
if (idx < 0) idx = afoto.length - 1
}
else
{
idx++
if (idx == afoto.length) idx = 0
}
muestra()
}

function muestra()
{
document.images["fotico"].src = afoto[idx].src
document.forms[0].leyenda.value = "Foto " + (idx+1) + " de " + afoto.length
}
</script>
<body onload="inicio()">
<form>
<input type="button" value="anterior" onclick="pasa('i')">
<input type="button" value="siguiente" onclick="pasa('d')">
</form>
<img id="fotico">
</body>

alguna idea please¿?

muchas gracias

Vaalegk · #2 (**permalink**) 10/10/2005, 12:39

agrega algo asi al final de tu funcion inicio:

var wp=document.all?document.all.fotico:document.getEl ementById('fotico');
if(wp){
window.resizeTo(wp.offsetWidth,wp.offsetHeight+30) ;
//juega con estos valores un poco.
}

ademas agreagale a tu body style="margin:0;"

luzin · #3 (**permalink**) 11/10/2005, 08:44

Hola Vaalegk muchas gracias por responder, pero peque lo que me dijiste al final de pop up nada...ya ni pillaba las imagenes...alguien sabe como podria hacer esto? gracias....

G

pinchoso · #4 (**permalink**) 11/10/2005, 08:50

Hola luzin, utilizando el siguiente script puedes reescalar el tamaño de la ventana e igualarlo al de la imagen que se cargue dentro:

<SCRIPT LANGUAGE="JavaScript">

</script>

-----en el body pones----

<BODY onLoad="fitWindowSize()">

con eso deberia ser suficiente!

Saludos!

luzin · #5 (**permalink**) 11/10/2005, 08:58

Hola Pinchoso muchas gracias por responder y con tanta brevedad, pegue tu codigo tal que asi quedo....

<script type='text/JavaScript' src='fotos.js'> </script>
<script>
var afoto = new Array()
var idx=0
function inicio()
{
for (a=0;a<fotos.length;a++)
{
afoto[a] = new Image()
afoto[a].src = fotos[a]
}
muestra()
}

function pasa(dir)
{
if (dir=="i")
{
idx--
if (idx < 0) idx = afoto.length - 1
}
else
{
idx++
if (idx == afoto.length) idx = 0
}
muestra()
}

function muestra()
{
document.images["fotico"].src = afoto[idx].src
document.forms[0].leyenda.value = "Foto " + (idx+1) + " de " + afoto.length
}
</script>
<SCRIPT LANGUAGE="JavaScript">

</script>
<BODY onLoad="fitWindowSize()">
<form>
<input type="button" value="anterior" onclick="pasa('i')">
<input type="button" value="siguiente" onclick="pasa('d')">
</form>
<img id="fotico">
</body>

Y nada que no tira para nada......

pinchoso · #6 (**permalink**) 11/10/2005, 09:13

Hola luzin, mira te paso el codigo de mi página directamente:

<html>
<head>
<SCRIPT LANGUAGE="JavaScript">


function MM_callJS(jsStr) { //v2.0
return eval(jsStr)
}
//-->
</script>
<link href="<%=Session("cssFile")%>" rel="stylesheet" type="text/css">
</HEAD>

<title><%=image_name%></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<BODY onLoad="fitWindowSize()">

<div style="position:absolute; left:0px; top:0px"> <img src="img/imagen.jpg">
</div>

</BODY></html>

No hagas caso de los tags entre <% %> la página originalmente es un ASP, o sea que sudando de eso....a mi me funciona

Bueno, suerte!