este codigo va en el <head> aqui tiene que ir </head>
Código HTML:
<script language="javascript">
//script por Tunait
var ventana
var cont=0
var titulopordefecto = "Perico de los palotes" //texto por defecto a mostrar en la barra de título en caso de omitir el argumento titulo
function afoto(cual,titulo)
{
if(cont==1){ventana.close();ventana=null}
if(titulo==null){titulo=titulopordefecto}
ventana=window.open('','ventana','resizable=yes,sc rollbars=no')
ventana.document.write('<html><head><title>' + titulo + '</title></head><body style="overflow:hidden" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" scroll="no" onUnload="opener.cont=0"><img src="' + cual + '" onLoad="opener.redimensionar(this.width, this.height)">')
ventana.document.close()
cont++
}
function redimensionar(ancho,alto)
{
ventana.resizeTo(ancho+12,alto+28)
ventana.moveTo((screen.width-ancho)/2,(screen.height-alto)/2) //centra la ventana. Eliminar si no se quiere centrar el popup
}
</script>
luego este en la parte del <body> aqui va </body>
Código HTML:
//desde un texto
<a href="#" onClick="afoto('nombredelaimagen.jpg','Mi titulo');return false">Imagen 1 </a>
//si no de un boton
<td><input type="button" name="boton" value="Ejemplo" onClick = "afoto('nombredelaimagen.jpg','Mi titulo');return false"></td>
obviamente tienes que donde dice nombredelaimagen.jpg tienes que colocar el nombre de tu imagen y donde dice Mi titulo le colocas el titulo a tu imagen.
ok salu2