Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/10/2008, 16:16
overon37
Invitado
 
Mensajes: n/a
Puntos:
Exclamación como centrar imagen ampliada en ventana con scroll

Hola compis. Tengo una galería fotográfica, realizada con php, pero con javascript lo que realizo es mostrar la imagen que se selecciona mediante un click ampliada. No tengo pegas que colocarla horizontalmente donde quiero, pero otra cosa es en el aspecto vertical.

quisiera que la imagen que selecciono se muestre en el navegador centrada.
No se si me he explicado correctamente.

Galería con scroll, que al pulsar sobre una imagen, se muestre centrada en el navegador.
Este es el script que tengo por ahora..

<script language="javascript" type="text/javascript">
// para guardar la posicion original de la imagen
var izquierda;
var alto;
var ancho;
var seleccionado=0;
function ampliar(obj){
if (seleccionado==0){
// amnpliamos la imagen al hacer click sobre ella (sino esta ya ampliada)
alert(window.screen.availWidth);
izquierda=obj.style.left;
alto=obj.style.top;
ancho=obj.style.width;
obj.style.top=(parseInt(obj.style.top)+50)+"px";
obj.style.left="100px";
obj.style.width="700px";
obj.style.zIndex="500";
obj.style.border="2px solid red";
seleccionado=1;
} else {
// volvemos la imagen a su posición (si esta ampliada)
seleccionado=0;
obj.style.left=izquierda;
obj.style.top=alto;
obj.style.width=ancho;
obj.style.zIndex="-1";
obj.style.border="0px solid";
}
}
</script>