Abrir nueva ventana con imagen
En mi página, tengo una serie de imágenes que quisiera agrandar abriendo una nueva ventana. Esto lo he hecho con el siguiente código en mi html:
<SCRIPT LANGUAGE="JavaScript">
function nueva()
{
open('popup.htm', 'Sizewindow', 'left=200,top=100,width=900,height=800,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no')
}
</SCRIPT>
y mas abajo la capa seria:
<div id="fotoinst"><a href="javascript:nueva('popup.htm')"><img src="instalaciones/foto1.png"height="168" width="224"></a>
</div>
Esto me abre una ventana nueva, con la imagen de background que necesite. Pero, ¿tengo qué crear una página nueva por cada imagen que quiera abrir?
<SCRIPT LANGUAGE="JavaScript">
function nueva()
{
open('popup.htm', 'Sizewindow', 'left=200,top=100,width=900,height=800,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no')
}
</SCRIPT>
y mas abajo la capa seria:
<div id="fotoinst"><a href="javascript:nueva('popup.htm')"><img src="instalaciones/foto1.png"height="168" width="224"></a>
</div>
Esto me abre una ventana nueva, con la imagen de background que necesite. Pero, ¿tengo qué crear una página nueva por cada imagen que quiera abrir?
1 respuesta
Respuesta de Kike Rodríguez
1
Puedes crear la página en PHP, de forma que al pinchar el enlace llames a otra página PHP a la que con la variable $_SESSION (o a través de la url) le pases como parámetro la imagen que quieres que abra.
Así "foto1.png" se la pasarías a "function nueva(foto1.png)" como una variable.
También, para ahorrarte trabajo puedes buscar algún script en javascript que te lo haga directamente, como este de la librería JQuery:
http://jquery.com/demo/thickbox/
Échale un vistazo al ejemplo 1, "Single Image Demo" que creo que es lo que buscas.
Kike
Así "foto1.png" se la pasarías a "function nueva(foto1.png)" como una variable.
También, para ahorrarte trabajo puedes buscar algún script en javascript que te lo haga directamente, como este de la librería JQuery:
http://jquery.com/demo/thickbox/
Échale un vistazo al ejemplo 1, "Single Image Demo" que creo que es lo que buscas.
Kike
