2010-07-28 8 views
0

J'ai des images avec la même largeur mais des hauteurs différentes ... J'ai déjà vu ça mais je ne me rappelle plus où je vois ... Je veux trier mes vignettes comme ci-dessus. alt text http://img153.imageshack.us/img153/9730/thumbnailjt.jpgComment puis-je trier ma taille différente même largeur vignette comme ça?

donc laisser le combat commence :)

+0

Euh .... quoi? Vous avez une collection d'objets et vous voulez faire une boucle dans leurs hauteurs, les réorganiser de sorte qu'ils soient plus ou moins à la même hauteur, puis les organiser en colonnes? Est-ce plus correct? – cdutson

+0

Oui. Les images ont la même largeur mais des hauteurs différentes. Mais donner une colonne avec variable sera mieux. donc pas nécessaire de calculer les colonnes – Megawolt

Répondre

1

Voici un court exemple de la façon dont vous pouvez trier les éléments, puis les ajouter à d'autres div.

// returns elements sorted by height 
$('.elementsToSort').sort(function (a, b) { 
    return $(a).height() > $(b).height() ? 1 : -1; 
}); 

// or loop over results and append them to another placeholder 
$('.elementsToSort').children().each(function(){ 

    $smallest = $('.elementsToSort').sort(function (a, b) { 
      return $(a).height() > $(b).height() ? 1 : -1; 
    }).first(); 
    $('.placeHolder').append($smallest); 
})