Abrir Ventana
Mi necesidad es la siguiente. Voy a realizar una especie de album fotográfico. Para ello tengo una página en la que muestro fotografías en formato
1 Respuesta
Respuesta de larshoff
1
No leo toda la pregunta, así que espero que he entendido tus intenciones bien.
Imaginate que la foto en pequiña se llama foto1.jpg y la misma foto en grande se llama foto1grande.jpg.
Para abrir la foto1grande en otra ventana cada ves que pulsas en en la foto pequiña, puedes hacer una función. Pon esto la parte <HEAD> de tu documento HTML:
<SCRIPT LANGUAGE=JAVASCRIPT>
function nuevaVentana(nombreFoto,dimensiones){
nueva_ventana = windows.open(nombreFoto,'ventana',dimesiones)
}
</SCRIPT>
Eso es la función que abre la ventana nueva, ahora hay llamar a la función para ejecutarlo. En el parte <BODY> de tu documento HTML pones donde quieras la primera foto:
<A HREF="javascript:nuevaVentana('foto1grande.jpg','width=200,height=300')><IMG SRC="foto1.jpg"></A>
Lo interesante de esto es que no hay que repetir la función para cada foto, solo hay que repetir la llamada a la función. Tu segundo foto sera:
<A HREF="javascript:nuevaVentana('foto2grande.jpg','width=300,height=500')><IMG SRC="foto2.jpg"></A>
Los valores de width y height tienes que poner tu para que sale la ventana en el tamaño de la foto. Width es la anchura de la foto y height es la altura.
Ten cuidado con javascript porque distingue entre maysculas y minúsculas. Por ejemplo los variables numero y NUMERO son distintos. Solo lo digo porque muchas veces cuando hay problemas con javascript, es porque lago que es en mayúsculas debería estar en minúsculas.
Imaginate que la foto en pequiña se llama foto1.jpg y la misma foto en grande se llama foto1grande.jpg.
Para abrir la foto1grande en otra ventana cada ves que pulsas en en la foto pequiña, puedes hacer una función. Pon esto la parte <HEAD> de tu documento HTML:
<SCRIPT LANGUAGE=JAVASCRIPT>
function nuevaVentana(nombreFoto,dimensiones){
nueva_ventana = windows.open(nombreFoto,'ventana',dimesiones)
}
</SCRIPT>
Eso es la función que abre la ventana nueva, ahora hay llamar a la función para ejecutarlo. En el parte <BODY> de tu documento HTML pones donde quieras la primera foto:
<A HREF="javascript:nuevaVentana('foto1grande.jpg','width=200,height=300')><IMG SRC="foto1.jpg"></A>
Lo interesante de esto es que no hay que repetir la función para cada foto, solo hay que repetir la llamada a la función. Tu segundo foto sera:
<A HREF="javascript:nuevaVentana('foto2grande.jpg','width=300,height=500')><IMG SRC="foto2.jpg"></A>
Los valores de width y height tienes que poner tu para que sale la ventana en el tamaño de la foto. Width es la anchura de la foto y height es la altura.
Ten cuidado con javascript porque distingue entre maysculas y minúsculas. Por ejemplo los variables numero y NUMERO son distintos. Solo lo digo porque muchas veces cuando hay problemas con javascript, es porque lago que es en mayúsculas debería estar en minúsculas.
