Визуальная сортировка массива изображений в Javascript с использованием CSS3

Question

Проверьте это демо от FaTaL. В его блоге объясняется, что он использовал CSS3 :target и transitions для достижения этой "визуальной сортировки" изображений. Целевые позиции были жестко закодированы в pres.css

Проблема в том, что мой массив изображений генерируется в режиме реального времени. Вот демоверсия . Я хочу " визуально сортировать" эти изображения (по нажатию кнопки) в алфавитном порядке по имени файла. Как я могу достичь такой функциональности с CSS3 без жесткого кодирования позиций? Объект JSON с именем файла и другими параметрами будет доступен во время выполнения для сортировки.

Answer 1

Это именно то, что я искал http://isotope.metafizzy.co/ Надеюсь, это также поможет некоторым из вас.

Answer 2

Я не мог придумать ни одного решения CSS. Итак, вот мое чистое решение Javascript. Live на http://jsfiddle.net/uhAEA/1/.

Сортировка производится на основе значения, установленного для каждого атрибута sortelm тега a.