abrir imagenes en ventanas nuevas de distintos tamaños

capagris · #1 (**permalink**) 15/06/2006, 05:38

Hola.

Tengo el siguiente problema, tengo varios documentos en los que tengo cuatro imagenes con tres tamaños distintos ( esto se repite por igual en 10 documentos html)

para no tener que generar cuarenta mil htmls con las imagenes puedo crear tres html con cada uno de los tres tamaños de imagenes y en esos se me cargen las imágenes que correspondan?

perdonar pero no se javascript, solo necesito que me lo expliqueis con un código de ejempo y a sí empiezo a aprender este lenguje que falta me hace, jejeje

muchas gracias desde ya.

saludos

capagris · #2 (**permalink**) 20/06/2006, 06:09

aclaración.

imaginemos que tengo una página, con varias imágenes que quiero que al hacer clici en cada una de ellas se abra una ventana con la imagen ampliada.

en vez de crear un html para cada popup, puedo tener un solo html para el popup y que cada imagen que llame con javascrip se muestre en ese html?

alguien me puede ayudar?

gracias

Panino5001 · #3 (**permalink**) 20/06/2006, 06:35

Fijate si esto te sirve:
http://disegnocentell.com.ar/new/tips_notas.php?id=106

caricatos · #4 (**permalink**) 20/06/2006, 07:42

Hola:

Hay código en las FAQs, y en muchos mensajes: Abrir y cerrar ventana Pop Up al pulsar otra imagen diferente

Saludos

capagris · #5 (**permalink**) 20/06/2006, 08:04

muchas gracias a los dos.

he estado viendo código y me funciona.

estoy utilizando el código de Panino5001pero tengo una duda.

si quiero poner por ejemplo algun color de fondo a la nueva ventana o que aparezca en esta ventana un texto close.

como lo puedo hacer?

caricatos · #6 (**permalink**) 20/06/2006, 08:15

Hola:

Con el código que dices creo que no es posible, ya que puedes poner un color de fondo en páginas html... si usas el código de este mensaje: no m funciona abrir en la misma ventana, solo tienes que modificar esta línea:
contenido += "</title></head><body style='background: url(" + _img_grande.src + ") blue'></body></html>";

Cambiando blue por el color que quieras.

Saludos

P.D: En el código de las FAQs de tunait se añade un color de fondo de manera similar... aunque en ambos ejemplos solo valdría en imágenes con fondo transparente ya que se ajustan automáticamente al tamaño, aunque se pueden crear efectos "paspartús'es"

Saludos

capagris · #7 (**permalink**) 20/06/2006, 08:17

caricatos

perdona y lo más importante.

para poner en este codigo texto close y el codigo en el para que se cierre la ventana?

capagris · #8 (**permalink**) 20/06/2006, 08:20

yasta en las faqs tengo todas las respuestas.....

saludos y gracias por vuestra paciencia

caricatos · #9 (**permalink**) 20/06/2006, 08:24

Hola:

Enhorabuena... otro mensaje resuelto... Sí, en las FAQs hay de todo... Yo uso en algunas páginas mías cosas que te hubieran podido ayudar, pero solo contesté la primera parte de la pregunta (anda JavierB rondando los foros, y se me podía adelantar

... ¡Hola

!)

Bueno, fuera del offtopic, se me pasó la segunda parte, pero lo importante es que hayas solucionado tu poblema.

Saludos

capagris · #10 (**permalink**) 20/06/2006, 08:59

je, je, je...

pues eso que me he vuel to loco para buscar la solución a la segunda parte ( cerrar el popup sin que me salga msg el codigo que utilizo es este.

Código:


<script>
var titulo ="capagris"
function PopUp(img){
foto1= new Image();
foto1.src=(img);
Control(img);
}
function Control(img){
    if((foto1.width!=0)&&(foto1.height!=0)){
        verlaFoto(img);
    }else{
        funcion="Control('"+img+"')";
        intervalo=setTimeout(funcion,20);
        }
    }
function verlaFoto(img){ancho=foto1.width+20;
    alto=foto1.height+20;
    cadena="width="+ancho+",height="+alto;
    ventana=window.open(img,"",cadena);
    ventana.document.write('<html><head><title>' + titulo + '</title></head>');
    
}
</script>

codigo del enlace:

Código:

<a href="javascript:PopUp('img/comedores/eiffel/comedor_eiffel_g.jpg')"><img src="img/comedores/eiffel/comedor_eiffel.jpg" border="0"/></a>

gracias y perdon por las molestias

capagris · #11 (**permalink**) 20/06/2006, 09:05

genial..a cabo de descubrir que este codigo no tira en firefox....

este problema solucionado:

he quitado el

Código:

ventana.document.write

y ya me funciona tambien en firefox, el tema es que al desactivalo ya no tiene titulo definido por mi la ventana.

creo que me voy a ir a casa, y amñana será otro dia...

caricatos ayudaaaaaaaaaaaaaa!!!

caricatos · #12 (**permalink**) 20/06/2006, 10:41

Hola:

Lo siques haciendo mal...

Para escribir en una ventana debes abrirla en blanco, así que el primero de los parámetros del método open del objeto window debe ser una cadena vacía: ventana = window.open("", popup, opciones);
ventana.document.write("<html><body style='background: url(" + foto + ") no-repeat center center'><(body></html>");

Saludos