QuickSand jQuery - хочу изменить некоторые параметры

Question

Я использую QuickSand прямо сейчас, но я не могу что-то делать. Я хочу создать небольшую галерею с 3 категориями, например: All, Bus, Cars. Если я делаю это с помощью QuickSand по умолчанию, это проблема, потому что, когда я нажимаю какую-либо категорию, все остальные изображения скрыты. Я хочу переместить изображение фокуса в верхней части галереи, а еще внизу (НЕ СКРЫВАЯ).

У меня есть образец прямо там: Sample. особенно я хочу сделать это как на сайте Сортировать по: имени, размеру. Но с моими категориями. я пытаюсь сделать это, но безрезультатно :(

Может быть кто-то может мне помочь. Лучшие ура!

Answer 1

Я рекомендую использовать JQuery Isotope просто потому, что функция сортировки, кажется, немного более продвинуты, чем то, что вы» повторного использования. Quicksand, кажется, предлагают фильтрации довольно хорошо, но функция сортировки, кажется, не хватает немного.

Example

getSortData: { 
     symbol: function ($elem) { 
      return $elem.attr('data-symbol'); 
     }, 
     category: function ($elem) { 
      return $elem.attr('data-category'); 
     }, 
     number: function ($elem) { 
      return parseInt($elem.find('.number').text(), 10); 
     }, 
     weight: function ($elem) { 
      return parseFloat($elem.find('.weight').text().replace(/[\(\)]/g, '')); 
     }, 
     name: function ($elem) { 
      return $elem.find('.name').text(); 
     }, 
     author: function ($elem) { 
      return $elem.find('.author').text(); 
     }, 
     date: function ($elem) { 
      return Date.parse($elem.find('.date').text()); 
     } 
    } 
}); 

С помощью Isotope вы можете сортировать практически любую имеющуюся информацию и/или вы можете добавить «категорию данных» для еще большего количества параметров сортировки.

Isotope Sorting Demo

Isotope Sorting Documentation

Примечание- Попробуйте изменить размер окна браузера на вышеприведенном демо или примера.