2012-01-17 16 views
2

私はjQuery MasonryIsotopeプラグインの両方を試しましたが、私が望むレイアウトを達成できないようです。jQuery動的レイアウトプラグイン

両方のプラグインは、前の行の要素の高さに基づいて「次の空き領域」を計算しているように見えます。たとえば:第4位の高さは#2(私はそれがどこへ行きたいか)の高さよりも小さいので、この例の項目#6で

Layout when using Masonry or Isotope plugins

は、右端に行きます。

私が達成したいレイアウトは、左浮動要素に似ている:

What I would like to achieve

このレイアウトまたは多分使用できるさまざまなプラグインを達成するために、上記の2つのプラグインのオプションはありますか?

答えて

4

2つの解決策

  • 実験Masonry-ordered script by tasukを試してみてください。 Masonryのデフォルトの次善空間ではなく、左から右へ項目を進めたいかどうかを制御するオプションがあります。

  • 自分でcustom layout mode for Isotopeをビルドします。レイアウトモードはMasonryの変形です。次の最適な空間を計算する代わりに、使用可能な列を左から右に進めるだけです。