Hola oscar:
Espera que voy a por una cerveza, ya que creo que necesitas una especie de clase magistral...
Voy a centrarme en el primer caso y en lo que piedes, que aunque no lo he probado, creo que funciona, pero no cumple el objetivo de centrar la foto.
El método javascript que abre una ventana es "window.open", y se le pueden dar ciertos parámetros, que se pueden ver en las FAQs (nº 100)
Pero los que nos interesan son los siguientes:
El primero es el nombre del fichero que se quiere abrir...
... que pueden ser de cualquier tipo, pero debería reconocerlo el explorador, por ejemplo ficheros html o ficheros gráficos.
Si es html se mostrará tal como se muestran las páginas web, y si es un gráfico se muestra tal como se le antoja al navegador. Y ese era tu problema... porque quieres que se centre la imagen. Y por eso trataremos de abrir una página web.
... Esa es la razón por la que en el script que te propuse el primer parámetro se corresponde con la cadena vacía, ya que si bien queremos mostrar una foto, esa foto puede estar en un tag normal html... el más básico es img... pero luego te explicaré como se tendría que usar ese tag, y por qué no lo vamos a usar...
El segundo parámetro se corresponde con la ventana de las disponibles en donde se abrirá el documento. Si como parámetro se pusiese la cadena "_self", haría las veces de un link normal.
Ejemplo de equivalencia entre html y javascript
:
<a href="una_página.html">link</a>
<a onclick="window.open('una_página.html', '_self', '')">link</a>
El primer caso es html, y el link se marca con los estilos típicos de los enlaces...
El segundo caso debería hacer exactamente lo mismo, pero sin que el explorador los muestre como enlaces...
Y el tercer parámetro son propiedades para la nueva ventana... Supongo que debe ser opcional, ya que si el segundo parámetro es _self, las propiedades de la ventana no cambian.
--- continuará ---