Como hacer popup
Hola estoy diseñando una página y tengo un problema. Necesito que al hacer click en una imagen, la misma tenga un enlace a otra página, pero en forma de popup.
En la web vi varios generadores de código javascript, yo genere el código y lo pegue en el <head> de mi página. Lo que no consigo hacer es hacer que la imagen que yo quiero funcione como link.
Agradezco tu ayuda
En la web vi varios generadores de código javascript, yo genere el código y lo pegue en el <head> de mi página. Lo que no consigo hacer es hacer que la imagen que yo quiero funcione como link.
Agradezco tu ayuda
1 respuesta
Respuesta
1
Veamos.
Lo más simple para hacer un popup es hacer un simple codiga javascript e incluirlo en el mismo enlace (puedes hacerlo también de otras maneras, por definición de funciones, por ejemplo). Me parece que el código que generaste es un código 'onLoad', es decir, al abrirse la página, se abre el popup.
Puedes usar (y analizar) este código
<a href='javascript:window.open('popup.htm','_blank','top=5,left=100,menubar=0,scrollbars=0,width=300,height=200')>
<img src="imagen.jpeg">
</a>
este código abre un popup en posición 5px desde arriba[top=5], 100px desde la izquierda[left=100] (posiciones de la ventana), sin barras de menú[menubar=0] lo mismo que para las barras de dezplazamiento[scrollbars=0] y con tamaño 300x200 [width=300,height=200]. Debes colocar la imagen entre la etiqueta <a ...> </a>
Lo más simple para hacer un popup es hacer un simple codiga javascript e incluirlo en el mismo enlace (puedes hacerlo también de otras maneras, por definición de funciones, por ejemplo). Me parece que el código que generaste es un código 'onLoad', es decir, al abrirse la página, se abre el popup.
Puedes usar (y analizar) este código
<a href='javascript:window.open('popup.htm','_blank','top=5,left=100,menubar=0,scrollbars=0,width=300,height=200')>
<img src="imagen.jpeg">
</a>
este código abre un popup en posición 5px desde arriba[top=5], 100px desde la izquierda[left=100] (posiciones de la ventana), sin barras de menú[menubar=0] lo mismo que para las barras de dezplazamiento[scrollbars=0] y con tamaño 300x200 [width=300,height=200]. Debes colocar la imagen entre la etiqueta <a ...> </a>