The X-Lab - Experimental Development Repository

Resize Image

Category: images

Language: Javascript

Description:

Resizes images while maintaining aspect ratio.

Source Code:

<!--### Written by Micah Atwell - www.micahatwell.com/xlab ###-->
<!--
   // Arguments:
   //    obj (object): image object id
   //    w/h (integer): current width/height of image
   //    maxW/maxH (integer): maximum allowable width/height of image
   function resizeImg(obj,w,h,maxW,maxH){
      if(w > h){
         p = w / maxW;
         if(h / p > maxH) p = h / maxH;
      }else{
         p = h / maxH;
         if(w / p > maxW) p = w / maxW;
      }
      obj.width = w / p;
      obj.height = h / p;
   }
   /* sample function call:
      // makes image span entire window
      theImg=document.getElementById("theImg");
      clW=document.body.clientWidth;
      clH=document.body.clientHeight;
      if((theImg.width != clW)||(theImg.height != clH)){
         resizeImg(theImg,theImg.width,theImg.height,clW,clH);
      }
   */
   /* sample function call:
      // rescale image to 800 x 600 pixels
      theImg=document.getElementById("theImg");
      clW=800;
      clH=600;
      if((theImg.width != clW)||(theImg.height != clH)){
         resizeImg(theImg,theImg.width,theImg.height,clW,clH);
      }
   */
//-->