como saber ancho y alto de una imagen (no img)

[sonickseven]

Hola que tal chivos bueno pues tengo un problema y es que estoy pasando unas imagenes como background de un div y el problema es que necesito tener las dimenciones de la imagen que va aquedar en el div para poder redimencionar este.
Ya lo pude hacer pero con php... y pues no me sirve del todo y lo otro es que no quiero utilizar la etiqueta img. asi que para redimencionar el div necesito tener las dimenciones de la imagen.

Agradezco muchachos la atencion prestada

lo que quiero es algo como esto (aclaro esta en php)

Código PHP:

$size = getimagesize(../ruta/ima.jpg]);
            $ancho=$size[0];
            $alto=$size[1];
 

pero me gustaria que fuera en javascript

[caricatos]

Hola:

Puedes crear un objeto Image(); asignar el src (como si se tratara del tag img), y después de cargarse consultar los atributos width y height...

Saludos

[sonickseven]

si ya me funciona lo malo es que no de perlas ya que me muestra no siepre bn el ancho y alto de la imagen
me muestra error state 404 creo que es permisos de servidor con archivos lo raro es que en local esta igual!! osea ya le cambie los permisos a 777 a todos los archivos y naaa :/ por cierto le estoy pasando un dato de su siguiente elemento (es un visor pero no trabaja con la etiqueta img sino con la div)

Código Javascript:

// es una funcion que le da el alto y el ancho al div con respecto a las dimenciones de la imagen real
function size(SRC, ancho, alto2){
    var img = new Image();
    img.src =SRC.replace('T_','');
    var Jalto=img.height, Jancho= img.width, altura2, al, a, anc, ac;
    if(Jalto>alto2){
        altura2=((alto2*90)/100);
        al=Jalto-altura2;
        a=al*100/Jalto;
        anc=Jancho*(100-a)/100;
        if(anc>(ancho*95/100)){
            anc=(ancho*95)/100;
            ac=Jancho-anc;
            a=ac*100/Jancho;
            altura2=Jalto*(100-a)/100;
        }
    }
    else if(Jancho>ancho){
        anc=(ancho*95)/100;
        ac=Jancho-anc;
        a=ac*100/Jancho;
        altura2=Jalto*(100-a)/100;
    }else if(Jalto<alto2 || Jancho < (ancho*80/100)){
        anc=Jancho;
        altura2=Jalto;
    }
    return Asize=[anc, altura2, ancho, alto2, alto];
}
 
var $src=$('#guia');
$('.FinalImage > span:nth-last-child(2)').on('click', function(){
                    $src=$src.next();
                    var src3=$src.attr('src'), size3=size(src3.replace(/T_/gi,''), ancho, alto);
                    $('.FinalImage').css({'background-image':'url('+src3.replace(/T_/gi,'')+')','height':'75px','top':((alto-size3[1])/2)+'px', 'margin-left':(size3[2]-size3[0])/2}).animate({'width':size3[0], 'padding-top':(size3[1]-80)},200);
});
 

tonces el
problema viene cuando hago el click para ver la siguiente imagen ya que aveces si me muestra el tamaño real y aveces el ancho y el alto dan 0 :/ si me puedes ayudar a como solucionar este problema te lo agradeceria

[caricatos]

Hola:

La clave está en algo que te había comentado "después de cargarse"... puedes consultar su atributo complete.

Saludos

[sonickseven]

averigue y me salio esto:

complete: propiedad del objeto Image de tipo booleano, cierta cuando la imagen se ha acabado de cargar en memoria, y falsa en caso contrario. Sólo es soportada por Nestcape Navigator, por lo que no se debe usar, en vistas a la compatibilidad.

[sonickseven]

Bueno pues ya lo solucione no pude por javascript con el objeto image mas bn use los dos lenguajes:
javascript y php y pues asi si me salio bn que lastima que no se hubiera podido pero bueno asi es la vida

[Panino5001]

Iniciado por sonickseven

averigue y me salio esto:

complete: propiedad del objeto Image de tipo booleano, cierta cuando la imagen se ha acabado de cargar en memoria, y falsa en caso contrario. Sólo es soportada por Nestcape Navigator, por lo que no se debe usar, en vistas a la compatibilidad.

Está citando como válida una fuente que tiene 12 años
La propiedad complete es compatible con todos los navegadores modernos.
Te paso una fuente más confiable: http://help.dottoro.com/ljwrkbct.php

[caricatos]

Hola:

Iniciado por sonickseven

averigue y me salio esto:

complete: propiedad del objeto Image de tipo booleano, cierta cuando la imagen se ha acabado de cargar en memoria, y falsa en caso contrario...

Hasta ahí vamos bien...

Iniciado por sonickseven

... Sólo es soportada por Nestcape Navigator, por lo que no se debe usar, en vistas a la compatibilidad.

¿Te has fijado en la fecha de publicación de la fuente que has consultado?... tal vez sea a partir de la versión 4.

He visto que se me ha adelantado el compañero Panino5001 , confirmando lo que recalco en mi respuesta.

Saludos