Функция пожара после загрузки каждого изображения

Question

Я пытаюсь заполнить div изображениями и по размеру изображений, чтобы они находились прямо на их месте. Проблема в том, что когда изображение не загружено, размеры x, y не могут быть выбраны из элемента. Это то, что я пытаюсь сделать после просмотра некоторых примеров переполнения стека. Это не работает ...

$.each(data.data.children, function(i,item){ 
     // Some images come in with a busted link. Hence the IF statement... 
     if (item.data.url.indexOf(".jpg")>0){ 
      var imgTitle = item.data.title; 
      imgTitle = imgTitle; 
      $('<div id="c'+i+'"></div>').attr("class", "imgDiv").appendTo("#photos"); 
      $("<img/>").attr("src", item.data.url).attr("id", "pic"+i).attr("class", "pics").appendTo("#c"+i); 
       .load(function(){ 
        $(this).fadein("slow"); 
        if (iWidth>iHeight){ 
         $('#pic'+i).width(270); 
         $('#pic'+i).height(parseInt(270-imgTitle.length/3)); 
        } 
       }); 

      $("<p>"+imgTitle+"</p>").attr("id", "p"+i).appendTo("#c"+i); 
      $("<img/>").attr("src", "images/RedX2.png").attr("class", "xit").appendTo("#c"+i); 

      var mImg = $('#pic'+i)[0]; 
     } 
    }); 

В качестве альтернативы, существует ли способ пропорционального подгонки изображения внутри прокладки пропорционально?

ТИА

DK

Answer 1

Вы, возможно, не нуждается в JavaScript на всех. См. Это сообщение, чтобы использовать CSS для автоматического увеличения изображения в div, который его содержит.

How do I auto-resize an image to fit a div container