Foros del Web » Programando para Internet » Javascript »

como centrar imagen ampliada en ventana con scroll

Estas en el tema de como centrar imagen ampliada en ventana con scroll en el foro de Javascript en Foros del Web. 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 ...
  #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>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:36.