Geckozone

Code : Tout sélectionner

 function getNaturalHeight(img) {
        if( img.naturalHeight ) {
            return img.naturalHeight;
        } else {
            lgi = new Image();
            lgi.src = img.src;
            return lgi.height;
        }
    }


 function getNaturalWidth(img) {
        if( img.naturalWidth ) {
            return img.naturalWidth;
        } else {
            lgi = new Image();
            lgi.src = img.src;
            return lgi2.width;
        }
    }

Code : Tout sélectionner

 function getNaturalsize(id,aff) {

//id est la balise image et aff est la balise recevant les infos a afficher 
	var img = document.getElementById(id);// la balise a tester
//initialisation des variables , facultatif
	var haut="non testé";
	var larg="non testé";
	var texte="a remplir";

//recherche de la hauteur de l'image 
        if( img.naturalHeight ) {
            haut= img.naturalHeight;
        } else {
            lgi = new Image();
            lgi.src = img.src;
            haut= lgi.height;
        }
// recherche de la largeur de l'image 
	if( img.naturalWidth ) {
            larg= img.naturalWidth;
        } else {
            lgi = new Image();
            lgi.src = img.src;
            larg= lgi.width;
        }

// on crée un span qui va recevoir les dimensions trouvées et les affichées
	// on recupere les valeurs avec texte explicatif.
	texte='Hauteur : --> '+haut+' pixels.  Largeur : --> '+larg+' pixels .';
//creatio du span 
 var dimension = document.createElement("span");
// on crée le texte pour le span span 
 var lesdimensions  = document.createTextNode(texte);
//on les integre
 dimension.appendChild(lesdimensions);
// on cible le "recepteur"
 var afficher = document.getElementById(aff);
// on affiche enfin !
 afficher.appendChild(dimension);
    }

Code : Tout sélectionner

<p id="info">
<img src="votre_image.jpg.gif.png" alt="" id ='lavoir' height='190' width='190'   />
</p>
<p id="p_affiche" onclick="getNaturalsize('lavoir','p_affiche');">Dimensions de l'image(clic !)</p>