2012-01-17 8 views
2

Я пробовал как jQuery Masonry, так и Isotope плагины и, похоже, не может достичь желаемого макета.jQuery динамический макет плагина

Оба плагина, как представляется, вычисляют «следующее доступное пространство» в зависимости от высоты элементов предыдущей строки. Например:

Layout when using Masonry or Isotope plugins

В этом примере пункт № 6 идет в крайнее правое положение, так как высота # 4 меньше, чем высота # 2 (где я хочу, чтобы идти).

Компоновка Я хотел бы достичь более похожа на лево-плавающих элементов:

What I would like to achieve

Существуют варианты на двух вышеупомянутых плагинов для достижения этой компоновки или, возможно, другого плагина доступна?

ответ

4

два возможных решения

  • Попробуйте экспериментальную Masonry-ordered script by tasuk. У него есть возможность управлять, если вы хотите, чтобы элементы продвигались влево-вправо, а не в следующее лучшее место для масонства по умолчанию.

  • Создайте собственный custom layout mode for Isotope. Режим макета будет вариантом масонства. Вместо вычисления следующего лучшего пространства, он просто прогрессирует слева направо через доступные столбцы.

Смежные вопросы