Hola JavierB,
Tu codigo funciona "casi" perfectamente...
Hay un problemilla cuando las imagenes son de diferente tamaño...
(Casi todas son iguales pero hay dos o tres que son más pequeñas),
es como si no actualizara el tamaño que tiene la foto, me explico...
Si tu le estas dando a la grande y le das a una pequeña esta sale descentrada horizontalmente pero si le vuelves a dar se centra, cuando le das a una grande despues de la pequeña esta también esta también esta descentrada hasta que escoges una del mismo tamaño que la anterior...
He estado probando a cambiar de orden el código pero nada funciona.. :(
Código:
ancho=document.images['Foto'].width;
alto=document.images['Foto'].height;
wAncho=document.body.clientWidth;
wAlto=document.body.clientHeight;
vleft=(document.body.offsetWidth-ancho)/2;
vtop=(document.body.offsetHeight-alto)/2;
arriba=document.body.scrollTop;
izquierda=document.body.scrollLeft;
document.images['Foto'].style.position='absolute';
document.images['Foto'].style.top=vtop+arriba;
document.images['Foto'].style.left=vleft+izquierda;
document.images['Foto'].src="fotos_grandes/Foto"+Cod+".jpg";
obj=document.getElementById('Ampliacion');
obj.style.visibility=(obj.style.visibility=='visible') ? 'hidden' : 'visible';
Que puede estar pasando?