グーグル+アルバムの表示に似た動画のソートやトリミング

Question

google plus album viewと同じ結果を得るための解決策をお探しですか？

サムネイルのリストは、画像を並べ替え、トリミングして常に一定になるように画像を並べ替え、ウィンドウのサイズに従って並べ替えることで、一貫した行の幅を保つことができます。

（それはハンドルがトリミングされないため）...私はおよそmasonryを知っているが、画像が同じ大きさを持っていないとき、それはホワイトスペースの多くを作成する傾向がある

誰でもない、プラグインを知っているんそれ？それとも基本的な数学の背後にないか？

Answer 1

google plusで見つかったことは、あなたを助けることができるかもしれません。

1. 画像をカットしてフィットさせます。あなたはeaselyだから、それを行うには容易である彼らは、同じ高さ

で画像のラインを持っている最初の画像

上でそれを見つけることができます。最初はスケーリングで同じ高さに画像を調整することができます。そして、各行では、幅を少し広げて線の幅を調整することができます。道による

O、あなたはそれはそれがあったほど良くは見えませんグーグル+サービスとクロムウィンドウをstrachする場合は、いくつかのギャップは、いくつかのライン

Answer 2

ためにつくれます多分これはあなたが何のために少し行き過ぎであります探している。

マイクロチップの制限された領域内のすべての小さな電子部品の最適なレイアウトを見つけるためにエレクトロニクスで一般的に使用されるSimulated Annealingアルゴリズムを使用することができます。これは基本的には画像セットブラウザウィンドウ内に表示されます。

基本的に、このアルゴリズムは優れたソリューションを提供しますが、最高のものであることを保証するものではありません。 Wikipediaの記事をよく読んでください。

セールスマンの問題についてはSimulated Annealing appletをチェックアウトすることもできます。 500℃の温度で試してみて、それが冷えるときに何が起こるかを見てください。

これが役に立ちます。

Answer 3

を見てみましょう：

http://blog.vjeux.com/2012/javascript/image-layout-algorithm-google-plus.html

それはレイアウトがどのように動作するかを説明します。グーグルプラスアルバムグリッドの両方の実装です http://www.techbits.de/2011/10/25/building-a-google-plus-inspired-image-gallery/ http://www.moewashere.com/jglance/

：

も見てみましょう。