Adaptar la imagen a una ventana

riscking · #1 (**permalink**) 23/03/2008, 19:29

Aupi estoy haciendo una galeria de imagenes y estoy intentando hacer q al pulsar sobre el thumb se abra una ventana de 800*600 ya q es para la seccion de wallpapers y dentro de esa ventana por ejemplo un wallpaper de 1024*768 se acople.
He usado esta funcion pero claro se abre la ventana pero solo se ve una parte del wallpaper si es mas grande q la ventana yo quiero acoplarla, el codigo lo he cogido de otro usuario, yo de javascript entiendo poco.

Código:

function afoto(cual,titulo)
{
if(cont==1){ventana.close();ventana=null}
if(titulo==null){titulo=titulopordefecto}
ventana=window.open('','ventana','resizable=yes,sc rollbars=no,width=800,height=600')
ventana.document.write('<html><head><title>' + titulo + '</title></head><body style="overflow:hidden" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" scroll="no" onUnload="opener.cont=0"><img src="' + cual + '" onLoad="opener.redimensionar(this.width, this.height)"><br><div align="center"><a href="javascript:this.close()">cerrar</a>')
ventana.document.close()
cont++
}
function redimensionar(ancho, alto)
{
ventana.resizeTo(ancho+12,alto+50)
ventana.moveTo((screen.width-ancho)/2,(screen.height-alto)/2) //centra la ventana. Eliminar si no se quiere centrar el popup
}
</script>

No se si se podra hacer pero por preguntar q no quede.
Saludos.

caricatos · #2 (**permalink**) 24/03/2008, 00:34

Hola:

Tal vez sea mejor solución, en vez de redimensionar la ventana, ajustar la imagen:

"...<img src='" + cual + "' style='position: absolute; left: 0; top: 0; width: 100%; height: 100%' >";

O sea hacer que se muestre al 100% de la ventana.

Saludos

codigojavascript · #3 (**permalink**) 24/03/2008, 07:38

Como dice caricatos lo que tienes que hacer en este caso es redimensionar la imagen. Si tienes una ventana de 800*600 redimensiona las imágenes que sean más grandes que 800 * 600 y listo.

riscking · #4 (**permalink**) 24/03/2008, 17:20

Gracias a los dos por contestar, la leche por fin me ha salido no me salia porque hay que ponerlo en otro formato en el sripit y se adapta a la ventana perfectamente, ahora bien en vez de q se abra en una ventana no se podria poner en un div o en una tabla??, esque seria la leche.
La pagina en la q trabajo es esta, me gustaria por ejemplo q las fotos de arriba se viesen en ese div.

http://80.32.218.38/orduna/ImageFlow/

Lo que quiero es que al hacer click en la imagen aparezca en ese cuadro, es decir se acople al cuadro, el problema radica en q en esa galeria la forma de llamar al script o a lo q sea se hace asi:

Igual pido demasiado pero creo q quedaria una galeria bonita y seguro q a mas de un forero le gustaria.
En fin sea como sea os lo agradezco igualmente.
Un saludo.

riscking · #5 (**permalink**) 25/03/2008, 19:04

He intentao meter algo asi en body pero no va jeje

Código:

En el css 

#cuadro{ margin-left:50px;
position: relative;
height:600px;
width:800px;
border: 1px solid #FFFFFF;

}

En el body

<script language="javascript">
function afoto(cual,titulo)
{
ventana.document.write('<div id="cuadro"><img src="' + cual + '" style="position:absolute"; left="0"; top="0"; width="100%"; height="100%"></div>')
document.close()

}
</script>

Pero no hace nada, juas juas, esque no tengo ni zorra de javascript seguro que hecho una burrada