1. ホーム
  2. javascript

[解決済み] ダイナミックサイズのモザイクグリッドギャラリー【終了しました

2023-07-09 20:05:52

質問

動的な幅と高さの画像(ユーザーが投稿した画像)を持つ画像グリッドギャラリーのプロジェクトで、次のようなデザインを受け取ったところです。(スクリーンショットは記事の最後にあります)

私は試してみました jQuery Masonry , ティンパヌス自動画像モンタージュ そして CSS-Tricks シームレス・レスポンシブ・フォトグリッド などがありますが、それぞれ制限があります。

  • Jquery Masonryは、幅と高さの両方をダイナミックに変更することができますが、隙間が生じます。
  • 後者の 2 つのスクリプトは、非常に美しいグリッドを生成しますが、幅または高さのいずれかが静的でなければならないという問題があります。

EDITです。 に出くわしました。 同位体 を見つけました。これはほぼ完璧で、私のニーズを正確に修正する何かがない限り、私はおそらくそれを使用して終了します。したがって、私の質問はまだ同じままです...。

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

どんな助けでもありがとうございます。


どのように解決するのですか?

私は提案します Freewall . Freewallはクロスブラウザ対応、レスポンシブ対応のjQueryプラグインで、フレキシブルレイアウト、画像レイアウト、ネストしたグリッドレイアウト、メトロスタイルレイアウト、ピンタレストライクレイアウトなど、様々なタイプのグリッドレイアウトをCSS3のアニメーション効果やコールバックイベントで作成することができます。Freewallは、デスクトップ、モバイル、タブレット用の動的なグリッドレイアウトを作成するためのオールインワンソリューションです。

ホームページとドキュメント:こちらもどうぞ here .