Para abrir una imagen en una ventana emergente se necesita el siguiente código:
<a href="Url de la imagen" target="_blank" onclick="window.open(this.href, this.target, 'top=350, left=480, width=400, height=300, toolbar=No, Menubar=No'); return false;">Ver imagen</a> |
---|
▣Ver imagen
Ahora para abrir una pagina en una ventana emergente:
<a href="Url de la pagina" target="_blank" onclick="window.open(this.href, this.target, 'top=350, left=480, width=400, height=300, toolbar=No, Menubar=No'); return false;">Ver pagina</a> |
---|
▣Ver pagina
Y por ultimo, para abrir un video en una ventana emergente:
<a href="javascript:void(0);" onclick="window.open('Url del video', 'popup', 'top=350, left=480, width=400, height=300, toolbar=NO, Menubar=NO')">Ver video</a> |
---|
La Url del video sera como esta mas o menos asi:
http://www.youtube.com/watch?v=rtBFOkrn-5M
Para que se vea correctamente el video, tendra que agregarle la siguiente parte:
http://www.youtube.com/watch
_popup |
---|
▣Ver video
Ahora los configura:
top=350 (es la posicion de la ventana, en este caso hacia arriba)
left=480 (tambien es la posicon de la ventana, en este caso a la izquierda)
width=400 (es el tamaño de la ventana. Seria el ancho horizontal)
height=300 (es el tamaño de la ventana. Seria el largo verical)
toolbar=No (le pregunta si quiere que aparezca la barra de herramientas, Yes o No)
Menubar=No (le pregunta si quiere que aparezca la barra de menus)
Si en vez de texto quiere una imagen, ponga en lugar de texto el codigo siguiente:
<img widght="80" src="Url de la imagen" height="70" /> |
---|
widght="80" (es el tamaño de la imagen horizontal)
height="70" (es el tamaño de la image vertical)