es este : le hice la modificacion que me dijo caricatos.... , lo que sucede es lo que escribi en mis 2 mensajes anteriores todavia, queda abajo la ventanita chica al pinchar sobre la 2º foto y asi sucesivamente. y el otro error es que la foto grenda que es mas grande , al pincharla es mas grande de tamaño y al pinchar la segunda foto me la duplica en el recuadro o sea se mantiene el tamaño mas grande del primer recuadro (primera ventana que se ha abierto mas grande) y nesecitoria que se ajuste a la foto. digamos que 1. que se ajuste a la foto y si la 1º que se pincha es distinta o de otro tamaño que la 2º que se ve no se duplique o cuadriplique, y 2º si que las bentanas luego de la 1º ftoo que se ve en las mini ventanitas como se deseen llamar , las 2 3 4 foto pj que no me queden atras de la ventana principal sino que nesecito que me queden arriba que sea visible para el que navega, gracias.
http://paraisomodels.com/index14.html
<html>
<head>
<script type="text/javascript">
var _img_grande;
function mostrar() {
var ops = "top=" + ((screen.height - _img_grande.height) / 2);
ops += ",left=" + ((screen.width - _img_grande.width) / 2);
ops += ",width=" + _img_grande.width + ",height=" + _img_grande.height;
var contenido = "<html><body style='background-image: url(" + _img_grande.src + ")'></body></html>";
var ventana = window.open("", "popup", ops);
ventana.document.write(contenido);
ventana.document.close();
}
function cargando() {
if (_img_grande.complete) mostrar();
else setTimeout("cargando()", 100);
}
function abrir(imagen) {
_img_grande = new Image();
_img_grande.src = imagen;
cargando();
}
</script>
</head>
<body>
<img src="header11.jpg" onClick="abrir('header1.jpg')"/>
<img src="header22.jpg" onClick="abrir('header2.jpg')"/>
<img src="header33.jpg" onClick="abrir('header3.jpg')"/>
<img src="grenda11.jpg" onClick="abrir('grenda.jpg')"/>
</body>
</html>