Сделайте максимальную высоту всех изображений

Question

$(document).ready(function() { 
      var enbuyuk = 0; 
      var height = 0; 
      $("#onecikanresim0").load(function() { 
       enbuyuk = $(this).height(); 
      }); 

      var sinir = <?php echo count($urunler); ?>; 
      for(var i=1; i<sinir; i++){ 
       $("#onecikanresim"+i).load(function() { 
        height = $(this).height(); 
       }); 
       if(height > enbuyuk){ 
        enbuyuk = height; 
       } 
      } 

      for(var i=0; i<sinir; i++){ 
       $("#onecikanresim"+i).src("height", enbuyuk);     
      } 
</script> 

Я хочу, чтобы все изображения были самыми большими. Но этот код не работает. Я думаю, load работает обратный вызов. Но я не знаю, как это исправить. Кто-нибудь может мне помочь?

enbuyuk означает, самая большая высота

sınır означает количество изображений

Answer 1

$("#onecikanresim"+i).src("height", enbuyuk);

Не правильный способ назначить высоту, я не думаю, что .src() даже действует ,

Try:

$("#onecikanresim"+i).css("height", enbuyuk);

Это не единственная проблема. Вы используете enbuyuk, прежде чем ему будет назначено что-либо кроме 0. Все после $("#onecikanresim0").load() будет работать до обратного вызова.

Трудно сказать, как вы ожидаете, что логика протекает, но нижнее приведет вас ближе. Честно говоря, вы, вероятно, захотите реорганизовать все это, потому что вы окажетесь в адском обратном пути. Вам необязательно .load(). Вы можете просто проверить высоту, так как ваш код находится в jQuery $(document).ready(), и вы можете с уверенностью предположить, что изображение загружено.

var enbuyuk = 0; 
var height = 0; 

$("#onecikanresim0").load(function() { 
    enbuyuk = $(this).height(); 

    var sinir = <?php echo count($urunler); ?>; 
    for(var i=1; i<sinir; i++){ 
     $("#onecikanresim"+i).load(function() { 
      height = $(this).height(); 

      if(height > enbuyuk){ 
      enbuyuk = height; 
      } 
     }); 

    } 

    for(var i=0; i<sinir; i++){ 
     $("#onecikanresim"+i).src("height", enbuyuk);     
    } 

});