使用CSS3在JavaScript中對圖像進行視覺排序數組

Question

通過FaTaL檢出this demo。在他的blog中解釋他已經使用CSS3 :target和transitions來實現圖像的「視覺排序」。目標位置已被硬編碼在pres.css中

問題是我的圖像數組是實時生成的。這是一個demo。我想按「視覺」這些圖像（按鈕點擊）按字母順序排序文件名。如何在不對硬件位置進行硬編碼的情況下使用CSS3實現此類功能？文件名和其他參數的JSON對象將在運行時用於排序。

Answer 1

這正是我一直在尋找的東西http://isotope.metafizzy.co/ 希望它也能幫助你們中的一些人。

Answer 2

我想不出任何CSS解決方案。所以，這裏是我純粹的JavaScript解決方案。住在http://jsfiddle.net/uhAEA/1/。

它基於每個a標記的sortelm屬性上設置的值進行排序。