I was looking for a function which would take the overall width, max height, min height parameters as the input and fit multiple images in the given overall width adjusting their width.For an example in this page, all the images (in the same row) should get auto-adjusted to the same height, keeping their original aspect ratio with JavaScript changing their widths.Is there a simple and better way to do this?The solved example page is here.$(function(){//var pics;var pic1 = {height:10, width:20, ap:1.374, rh:0};var pics = [pic1];//pics.push(pic3);//$('#test').html(pics[2].height);$('#some').imagesLoaded(function() {$('#test').html('test ');$('#some img').each(function(index) {      //setting const height  $(this).height(150);  var apic = {height:$(this).height() , width: $(this).width() ,ap: $(this).width() / $(this).height() , rh:0};  pics.push(apic);});$('#test').append(pics.length+ '<br />');for (var j=1; j <pics.length;j++) {  $('#test').append(pics[j].width  + ' ' + pics[j].ap + '<br />');}$('#test').append('Calculating width ' + '<br />');var set = [0];for (var j=1; j <pics.length;j++) {  var t = 0;  var c = j  do {            t = t+ pics[c].width;    $('#test').append(c + ' ' + t+ '<br />');    c=c+1;  }while (t < 645 && c<pics.length);  c=c-1;  if(t>645) {    c = c -1;  }  set.push(c);  j = c;}    $('#test').append('Sets are: <br />');var v = 1;var st = 0;for (p = 1; p<set.length; p++) {  $('#test').append(set[p] + ' ');        st = v;  v = set[p];  $('#test').append(p + ': ');  var tot = 0;  var inc = 0;  while(tot < 645 ) {    var tot1=0;    for(var g = st; g<v+1; g ++) {      tot1 =tot1+ (pics[g].ap * (pics[g].height+inc));    }    tot=tot1;    inc = inc+1;  }  for(var g = st; g<v+1; g ++) {      $('#some img').eq(g-1).height ( 150 + inc);          }  $('#test').append( '<br / >');  v = v+1;}$('#test').append('<br />'); /*var tot = 0var wid;var wid1;var inc=0;var r = 1;for (r =1; r<pics.length-1; r++) {  inc = 0;  tot = 0;while ( tot < 645) {  wid = pics[r].ap * (pics[r].height+inc);  wid1 = pics[r+1].ap * (pics[r+1].height+inc);  tot = wid + wid1;  inc = inc+ 1;}$('#test').append('Total ' + inc +' '+ wid  + ' ' + wid1 + '<br />');    $('#some img').eq(r-1).height ( 150 + inc);$('#some img').eq(r).height ( 150 + inc);  r=r+1;  */}  );});
Fitting multiple images in a given width
javascript;html;css;html5