Noticias Weblogs Foros Wiki Código

RecorteX

458 usuarios y 235 recortes de código
Usuario

Contraseña
Crear cuenta
asp csharp css fechas Flash html imagenes java javascript linux mysql oracle php sql SQLServer url vbnet web xhtml xml
Top Usuarios
fjmp76 (35)
albin (31)
josuebasurto (31)
juanjo (29)
pedrocaro (9)
stanz (8)
AndiXTRM (7)
Joserra (7)
miiglesi (6)
aplyca (5)
Top Etiquetas
php (38)
vbnet (27)
javascript (26)
html (25)
java (23)
csharp (18)
sql (17)
mysql (13)
xml (13)
css (10)
Flash (7)
imagenes (7)
xhtml (7)
asp (6)
linux (6)
fechas (6)
SQLServer (5)
oracle (5)
url (5)
web (5)

Mostrar en una ventana una imagen a su tamaño real sin conocerlo

Este código muestra una imagen en una ventana con su tamaño real, sin conocer de antemano las dimensiones de la imagen, centrando además la ventana en la pantalla.
 
  <A onclick="NewWindow(this.href,'name','not');return false"  href="my_imagen.jpg">
     <img src="my_imagen.jpg" border="0" alt="texto" width="75px" height="75px">
  </a>
 
El código javascript necesario, es el siguiente:
 
        var win = null;
        function NewWindow(mypage,myname,scroll){
            img = new Image();
            img.src = mypage;
            w = img.width; //Ancho;
            h = img.height; //Alto;
            LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
            TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
            settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',
                        scrollbars='+scroll+',resizable';
            win = window.open(mypage,myname,settings)
            if(win.window.focus){win.window.focus();}
        }
 
Identifícate para dejar un comentario.
info@recortex.com - Proyecto: Juanjo Navarro, 2006 - Diseño: Albin - Información legal y técnica