[CSS] Redimension Image

img.onload = function(){
  /* code */
}

while(!img.complete){
  /* On ne fait rien */
}

var img = new Image();
img.onload = function(){
  alert('Image chargé');
}
img.src = 'monImage.jpg';

function redimImage(inImg, inMW, inMH)
		{	
		  // Cette function recoit 3 parametres
		  // inImg : Chemin relatif de l'image
		  // inMW  : Largeur maximale
		  // inMH  : Hauteur maximale
		  var maxWidth = inMW;
		  var maxHeight = inMH;
		  // Declarations des variables "Nouvelle Taille"
		  var dW = 0;
		  var dH = 0;
		  // Declaration d'un objet Image
		  var oImg = new Image();
		  // Affectation du chemin de l'image a l'objet
		  
			oImg.onload = function()
			{
			  alert('Image chargé');
			}

		  oImg.src = inImg;
		  // On recupere les tailles reelles
		  var h = dH = oImg.height;
		  var w = dW = oImg.width;
		  // Si la largeur ou la hauteur depasse la taille maximale
		  if ((h >= maxHeight) || (w >= maxWidth)) {
			// Si la largeur et la hauteur depasse la taille maximale
			if ((h >= maxHeight) && (w >= maxWidth)) {
			  // On cherche la plus grande valeur
			  if (h > w) {
				dH = maxHeight;
				// On recalcule la taille proportionnellement
				dW = parseInt((w * dH) / h, 10);
			  } else {
				dW = maxWidth;
				// On recalcule la taille proportionnellement
				dH = parseInt((h * dW) / w, 10);
			  }
			} else if ((h > maxHeight) && (w < maxWidth)) {
			  // Si la hauteur depasse la taille maximale
			  dH = maxHeight;
				// On recalcule la taille proportionnellement
			  dW = parseInt((w * dH) / h, 10);
			} else if ((h < maxHeight) && (w > maxWidth)) {
			  // Si la largeur depasse la taille maximale
			  dW = maxWidth;
				// On recalcule la taille proportionnellement
			  dH = parseInt((h * dW) / w, 10);
			}
		  }
		  // On ecrit l'image dans le document
		  document.writeln("<img src=\"" + inImg + "\" width=\"" + dW*2 + "\" height=\"" + dH*2 + "\" border=\"0\" class=\"cadre_photo\" >");
		  };

redim('monImage.jpg', 100, 100, 'monConteneur');

var conteneur = document.getElementById('monConteneur');

function redimImage(inImg, inMW, inMH){

function redimImage(inImg, inMW, inMH, conteneur){

oImg.maxWidth = inMW;
oImg.maxHeight = inMH;

oImg.conteneur = conteneur;

var conteneur = document.getElementById('monConteneur');

var conteneur = document.getElementById(oImog.conteneur);

function redimImage(inImg, inMW, inMH, conteneur){
  // Cette function recoit 3 parametres
  // inImg : Chemin relatif de l'image
  // inMW  : Largeur maximale
  // inMH  : Hauteur maximale
  var maxWidth = inMW;
  var maxHeight = inMH;
  // Declarations des variables "Nouvelle Taille"
  var dW = 0;
  var dH = 0;
  // Declaration d'un objet Image
  var oImg = new Image();
  // Enregistrement des varaibles sur l'image
  oImg.maxWidth = inMW;
  oImg.maxHeight = inMH;
  oImg.conteneur = conteneur;
  
  oImg.onload = function(){
    /* Quand on est dans une fonction évenement, du style onload, "this"
    * correspond à l'objet qui possede la fonction. Dans notre cas, c'est l'image.
    * De même, on est pas sûr de retrouver les variables de la fonction de départ.
    *C'est pour cela que j'ai enregistré les tailles max dans l'objet l'image. */
    
    // On recupere les tailles reelles
    var h = dH = this.height;
    var w = dW = this.width;
    // Si la largeur ou la hauteur depasse la taille maximale
    if ((h >= this.maxHeight) || (w >= this.maxWidth)) {
      // Si la largeur et la hauteur depasse la taille maximale
      if ((h >= this.maxHeight) && (w >= this.maxWidth)){
        // On cherche la plus grande valeur
        if (h > w) {
        dH = this.maxHeight;
        // On recalcule la taille proportionnellement
        dW = parseInt((w * dH) / h, 10);
        } else {
        dW = this.maxWidth;
        // On recalcule la taille proportionnellement
        dH = parseInt((h * dW) / w, 10);
        }
      } else if ((h > this.maxHeight) && (w < this.maxWidth)) {
        // Si la hauteur depasse la taille maximale
        dH = this.maxHeight;
        // On recalcule la taille proportionnellement
        dW = parseInt((w * dH) / h, 10);
      } else if ((h < this.maxHeight) && (w > this.maxWidth)) {
        // Si la largeur depasse la taille maximale
        dW =this.maxWidth;
        // On recalcule la taille proportionnellement
        dH = parseInt((h * dW) / w, 10);
      }
      
      // On ecrit l'image dans le document
      // Récupération de l'objet conteneur
		var conteneur = document.getElementById(oImg.conteneur);
		// On test si l'objet a bien été récupéré
		if(conteneur)
		{
		  // On met la taille à l'objet Image
		  oImg.width = dW*2;
		  oImg.height = dH*2;
		  // On ajout l'image à la fin du conteneur
		  conteneur.appendChild(oImg);
		}
    }
  }
  // Affectation du chemin de l'image a l'objet
  oImg.src = inImg;
};

<div id="monConteneur" class="cadre_photo">
    <script type="text/javascript">
    <!--
        redimImage('photos_etablissements/etablissement_<%=id%>.jpg', 110, 90, 'monConteneur');
    //-->
    </script>
</div>