2

最近、Google Imagesがサイトを再設計し、画像をクリックすると大きなライトボックスが開くようになりました。矢印キーを押して写真を進めることができます。誰もがそれがどのように機能するか知っていますか?

行間に div があると思いますが、行がどこで終わるか、または次に展開する div がどこにあるかをどのように判断しますか? onResize イベントを使用してすべてを再計算しますか?

私はjQueryにかなり慣れていないので、これは明らかかもしれません。

編集:私のプロジェクトでは、すべての画像が同じサイズであるため、動的レイアウトプラグインは必要ありません。

4

1 に答える 1

4

Google は独自のコードを使用しているようですが、次のクライアント側ソフトウェアに基づいて同様のことを実現できるはずです。

「に基づいて」と言ったことに注意してください。あなたはまだ提供する必要があります:

  • データ/HTML を提供するサーバー側コード、
  • 「ライトボックス」を /compose/insert/hide する何らかの方法 (Masonry によって部分的に処理されます)、
  • 必要な矢印キー機能を提供する何らかの方法
于 2013-05-09T04:09:22.807 に答える