Friday, January 4, 2013

Resize image proportionally javascript

function reSizeImageProportionally (imgObj,imgContainerId) {
    var container = $(imgContainerId);
   
    var imgRatio = imgObj.height / imgObj.width;
    var containerRatio = container.height() / container.width();
    var ratio = containerRatio / imgRatio;
   
    imgObj.style.height = ratio * container.height()+ "px";
    imgObj.style.width = ratio * container.width()+ "px";

    container.append(imgObj);

    return container;
};
  
Usage:
------------
var img= new Image();
img.src="http://localhost/Custom/USSI/Layers/Ticket/Legend.jpeg";
var result=reSizeImageProportionally(img,'.tl_tab_legend_panel_div'); //  Div id  or Class Name