我该如何排序我的不同高度相同宽度的缩略图呢？

Question

我有相同宽度但不同高度的图像......之前我已经看过但我不记得我在哪里看...我想像上面那样对我的缩略图进行排序。 alt text http://img153.imageshack.us/img153/9730/thumbnailjt.jpg

所以让战斗开始：）

Answer 1

我相信你正在寻找jQuery Masonry plugin。

Answer 2

这是一个简短的示例，您可以如何对元素进行排序，然后将它们附加到其他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);
})