使用jQuery和各种大小的缩略图实现集中和集群布局?

时间:2012-07-20 15:37:00

标签: javascript jquery html5 jquery-masonry jquery-isotope

是否有一个jQuery插件可以为一堆不同宽度和高度的缩略图执行这样的居中聚类布局?

enter image description here

我正在研究Masonry,Isotope和Workman jQuery插件,但是就我所能找到它们而言它们都失败了。它们看起来很棒,但它们似乎只适用于具有相同宽度的重新调整大小的图像,或者可以被最小宽度整除的宽度。

因为我的横向缩略图可以有不同的宽度,而我的肖像缩略图可以有不同的高度,所以这些插件看起来不太热。

我考虑使用固定宽度来符合这些插件,但它会使所有横向缩略图都太小。

有没有人知道这些插件的替代品,或者为实现上面的布局配置各种尺寸的缩略图的方法?

1 个答案:

答案 0 :(得分:1)

我可以在这个问题中考虑一个圆形打包算法:Arranging circles in data visualisation。它解决了像砌体或同位素这样的问题。