Mediante un bucle for hago varias peticiones $get para pedir las medidas de varias imágenes. Observo que primero se me ejecuta todo el bucle e inmediatamente después se ejecuta el mismo número de veces mis peticiones $get pero ya no me son útiles ya que antes debo de hacer ciertos cálculos.
¿Por qué me vienen los datos después de terminar todo el bucle?
Aquí el código con el cual pretendo mostrar tumbnails con un máximo de ancho o alto dependiendo de como sea el original.
function show(nfotos){
htmlfotos="";
for(k=0;k<20;k++){
camino='fotos/';
foto=camino+nfotos+'.jpg'; nfotos--;
$.get("medidas.php", {varfoto:foto}, function(datos){
medidas=datos.split("x"); ancho=medidas[0]; alto=medidas[1];
if(ancho<alto){
ancho=Math.floor((ancho*120) /alto);
margenizq='-'+((ancho/2)+4)+'px'; alto='120px'; ancho+='px';
}else{
alto=Math.floor((alto*120) /ancho);
margenizq='-64px'; ancho='120px'; alto+='px';
};
htmlfotos+='<div class=\"esquinas\" id=\"esquina'+k+'\"> <div class=\"contienefoto\" id=\"contienefoto'+k+'\" style=\"width:'+ancho+'; height:'+alto+'; border-top:0; border-left:0; border-right:1px solid #A5A7AA; border-bottom:1px solid #A5A7AA; padding:3px; background-color:#fff; position:absolute; bottom:-128px; left:50%; margin-left:'+margenizq+'\" > <a href=\"\"><img src=\"show_image.php?filename='+foto+'&width=200&h eight=200\" style=\"position:absolute; left:3px; top:3px; border:0px solid #f00; width:'+ancho+'; height:'+alto+'\" class=\"foto\" onmouseover=\"aumenta(this,'+k+')\" onmouseout=\"disminuye(this,'+k+')\" /></a> </div> <div class=\"esquinaspie\"><span class=\"pie\">'+ancho+'</span></div> </div>';
});
}
}
$(document).ready(function(){
$('#superior').html(htmlfotos);
. . . . .
Las medidas las traigo del medidas.php:
<?php
$medidas=getimagesize($_REQUEST['varfoto']);
$anchoalto=$medidas[0].'x'.$medidas[1];
echo $anchoalto;
?>