Как я могу отсортировать миниатюру разной высоты и ширины?

Question

У меня есть изображения с одинаковой шириной, но разной высоты ... Я видел это раньше, но я не помню, где я вижу ... Я хочу отсортировать свои эскизы, как указано выше. альтернативный текст http://img153.imageshack.us/img153/9730/thumbnailjt.jpg

так что пусть бой начнется:)

Answer 1

Я полагаю, вы ищете плагин jQuery Masonry .

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);
})