Te situas sobre el enlace que pone “Editar miniatura” y copias la url de ese enlace. Ese enlace tiene un parametro que se llama “id”, y su valor es tu user id.
La url será similar a esta: http://www.facebook.com/ajax/profile/picture/square.php?id=100457345819565&target=profile_pic_iframe (en este ejemplo el id user será: 100457345819565)
Con jQuery podemos averiguar el ancho y alto de un elemento utilizando las funciones width() y height(). Pero imaginarios que queremos averiguar el ancho y alto original de una imagen que en sus dimensiones originales son de 800×600, pero que redimensionamos manualmente los atributos de la imagen de esta forma:
Sobre esta imagen si aplicamos directamente las funciones anteriores de jquery nos darian “333″ de ancho y “222″ de alto.
Pero, para averiguar el tamaño original de la imagen, primero eliminamos los atributos (width, heitght) actuales de la imagen con la función removeAttr(), y listo, ya podemos aplicar ahora las funciones width() y height() y obtendremos el tamaño real de la imagen:
$(window).load(function(){ var imagen = $('#mifoto');
imagen.removeAttr("width");// quitamos el atributo width
imagen.removeAttr("height");// quitamos el atributo height
Ejemplo de como utilizar la propiedad “opacity” de css para que funcione en la mayoría de navegadores (Internet explorer, Firefox, Chrome, Safari, Opera).