81

動的な幅と高さの画像 (ユーザーが送信した画像) を含む、画像グリッド ギャラリーのプロジェクトの次のデザインを受け取りました。（投稿の最後のスクリーンショット）

jQuery Masonry 、Tympanus Automatic Image Montage、およびCSS-Tricks Seemless Responsive Photo Gridを試しましたが、それぞれに制限があります。

  • Jquery Masonry では、幅と高さの両方を動的にすることができますが、ギャップが生成されます
  • 後者の 2 つのスクリプトは、非常に優れたグリッドを生成しますが、幅または高さのいずれかが静的でなければならないという問題があります。

編集: Isotopeに出くわしました。これはほぼ完璧で、私のニーズを正確に修正するものがない限り、おそらくそれを使用することになります。したがって、私の質問はまだ同じままです...

以下のスクリーンショットのように、(画像サイズに関して) 完全に動的なモザイクを生成できる JavaScript (できれば jQuery) スクリプトはありますか?

助けてくれてありがとう

ギャラリー

4

2 に答える 2

65

私は提案しFreewallます。これはクロスブラウザ対応でレスポンシブな jQuery プラグインであり、多くのタイプのグリッド レイアウトを作成するのに役立ちます: 柔軟なレイアウト、画像レイアウト、ネストされたグリッド レイアウト、metro スタイル レイアウト、ピンタレストのようなレイアウトなど...素敵な CSS3 アニメーション効果とコールバック イベントを使用します。Freewall は、デスクトップ、モバイル、およびタブレット用の動的なグリッド レイアウトを作成するためのオールインワン ソリューションです。

ホームページとドキュメント: も見つかりましhereた。

于 2014-01-14T15:18:40.513 に答える