同位素自定义布局,基于项目大小 - 可能与jQuery Isotope?

时间:2012-09-24 22:27:26

标签: jquery jquery-isotope

我们正准备建立一个相当甜蜜的网站,我想询问是否有人有任何经验或建议;或者如果甚至可以使用同位素。我过去曾经使用了Isotope并且没有花太多时间来扩展可用的类,但我认为这可能是可能的,而不是从头开始构建一些东西。

这是我们正在考虑做的截图: http://cloud.believelabs.com/image/2f0I093o3Y3Q

基本上,我们有两个固定的用户; “更宽”和“更窄”的尺寸。

因此,这个想法和可能具有挑战性的是,我们不希望任何“更广泛”的元素直接出现在任何其他“更广泛”元素的上方(或下方)。其他因素并不重要。这是否可行,并且是否有人对如何定位这些更宽的元素有任何建议,以便它们通过网格分布避免堆叠“宽”的“宽”顶部?

如果这看起来相对不清楚,请道歉。试着想一想我们的解决方案可能是什么,如果有人对插件有任何其他想法,我会全力以赴。这将使用backbone.js构建,我们可以很好地控制元素的顺序。

1 个答案:

答案 0 :(得分:0)

Masonry js变得越来越受欢迎,并且完全符合您的要求。由于您有2个固定宽度,您可以在这两列上调用砖石,这里是该网站的链接:  http://masonry.desandro.com/demos/basic-multi-column.html