Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/12/2010, 13:53
Serenity
 
Fecha de Ingreso: marzo-2002
Mensajes: 299
Antigüedad: 22 años, 11 meses
Puntos: 1
Centrar popup según resolución de pantalla

Hola!!, esa es la situación necesito que al ponerse el mouse sobre una imagen se abra un popup con una imagen más grande, pero que el popup esté centrado según la resolución de la pantalla.

Para lo cual tengo el siguiente código:

Código HTML:
Ver original
  1. <STYLE TYPE="text/css">
  2. BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}
  3. .DEK {POSITION:absolute; VISIBILITY:hidden; Z-INDEX:200;}
  4. </head<body bgcolor="#ffffff" topmargin="0" leftmargin="0" >
  5.  
  6. <p ID="dek" CLASS="dek">
  7. >


Código Javascript:
Ver original
  1. <SCRIPT TYPE="text/javascript">
  2. Xoffset=-20;
  3. Yoffset= 20;
  4.  
  5. var nav,old,iex=(document.all),yyy=-1000;
  6. if(navigator.appName=="Netscape") {(document.layers)?nav= true: old=true;}
  7. if(!old){
  8. var skn=(nav)?document.dek:dek.style;
  9. if(nav)document.captureEvents(Event.MOUSEMOVE);
  10. document.onmousemove=get_mouse;
  11. }
  12.  
  13. function pop(img){
  14. var content="<img src=imagenes/"+img+">";
  15.  
  16. if(old){alert(msg);return;}
  17. else{yyy=Yoffset;
  18. if(nav){skn.document.write(content); skn.document.close(); skn.visibility="visible"}
  19. if(iex){document.all("dek").innerHTML= content; skn.visibility="visible"}
  20. }
  21. }
  22.  
  23.  
  24. function get_mouse(e){
  25. var x=(nav)?e.pageX:event.x+document.body.scrollLeft; skn.left= x+Xoffset;
  26. var y=(nav)?e.pageY:event.y+document.body.scrollTop; skn.top=y+yyy;
  27. }
  28.  
  29. function kill(){
  30. if(!old){yyy=-1000;skn.visibility="hidden";}
  31. }
  32.  
  33. </SCRIPT>

Código HTML:
Ver original
  1. <a href="#" onMouseOver="pop('miimageng.jpg')" onMouseOut="kill()" ;>
  2.    <img alt="" src="imagenes/iimagenp.jpg" width="181" height="128">  
  3. </a>  <body>

Pero no he logrado centrarla en la pantalla, desde ya gracias por su atención y ayuda.