Facebook gallery/lightbox - ローディング中の画像

Question

Facebookのギャラリーには、画像の幅と高さをデータベースに入れていますか？

JavaScriptを使用すると、イメージが完全に読み込まれるまでイメージの幅と高さを確認できません。しかし、FBでは、画像が表示されている間に画像がロードされ、画像が水平方向と垂直方向の中心に正しく配置されます。

Answer 1

Facebookの画像にはdisplay:inline-block、劇場の画像には親のdivとセンターの画像はtext-align:centerが使用されています。 blog postを見て、どのようにしたのか説明しました。いいCSSコードですが、すべてのCSSはそうではありません。彼らはwindow.heightに基づいてdivの1つのline-heightをJSに設定します。