css - QuickSand jQuery - want to modifications some options -

i'm using quicksand right now, cant things. want create small gallery 3 categories, example: all, bus, cars. if quicksand via default setting, it's problem, cos when click categorie else image hidden. want move focus image @ top of gallery, , else bottom ( not hiding ).

i have sample right there: sample. want on site sort by: name, size. categories. trying that, no result :(

maybe me. best cheers!

i recommend using jquery isotope because sorting function seems little more advanced you're using. quicksand seems offer filtering pretty well, sorting function seems lacking bit.

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

with isotope can sort pretty information that's present, and/or can add 'data-category' more sorting options.

isotope sorting demo

isotope sorting documentation

note- try resizing browser window on above demo or example.