-1

複数の画像を固定幅の div に投稿する必要があります。画像は常に異なり、幅と高さが異なります。私の目的は、それらをスムーズに配置して、div のすべての領域を埋めることです。私がしなければならないことの最も良い例は、Vk.Com によって作成されました。ここではいくつかの例を示します。

ここに画像の説明を入力 ここに画像の説明を入力 ここに画像の説明を入力 ここに画像の説明を入力 ここに画像の説明を入力

ご覧のとおり、ユーザーが画像をロードする量とサイズは関係ありません。Vk.Com は、すべての画像を固定幅の div にトリミング、サイズ変更、および適合させます。これを実現するためのオープンソース ソリューションはあると思いますか? みんなに感謝します。

UPD:絶対に広い範囲の寸法を持ついくつかの本当に異なる画像をロードしました。 ここに画像の説明を入力

4

1 に答える 1

1

問題は実際には、私が想像していたよりもはるかに複雑です。通常サイズの画像をスロット レイアウトに収めるレイアウト プラグイン ( Isotope ) や、ランダム サイズの画像を単純な線形レイアウトに収めるレイアウト プラグイン ( Automatic Image Montage )があることは知っていましたが、スクリプトを見たことがありません。ランダムなサイズの画像を取得し、スロット付きレイアウトに収まるようにサイズを変更します。

この男は、Google Plus スタイルのギャラリー (あなたのものと似ているように見えます) に必要な主要な機能をなんとか解決しましたが、これはサーバー側での複数の画像サイズの生成と、それに加えて少しのロジックに依存していると結論付けています。ただし、最後に純粋な Javascript の縮小バージョンを作成します。

于 2013-03-07T10:53:18.723 に答える