jquery - レスポンシブサムネイルモーダルボックス

Question

誰かが「レスポンシブサムネイルモーダルボックス」を機能させるのを手伝ってもらえますか？

Code so far:

http://jsfiddle.net/YCcNY/1/

次のようになります。

• 2行、各5枚の写真

• 動的高さ：自動

• 幅：画面の75％

• 常に画面の真ん中にとどまる

• サイズ変更時にアスペクト比を維持する（レスポンシブ）

私はそれを行うcssのみの方法をいただければ幸いですが、jqueryも問題ありません。

Answer 1

正しい軌道に乗るために、基本構造にいくつかの簡単な変更を加えました。

Code:

http://jsfiddle.net/purplenurple/YCcNY/29/

不要なCSSがたくさんありました。物事を過度に複雑にしないように常に注意してください。CSSはそのようなもので、問題を修正するために何かを追加する必要があると思うことがありますが、実際には、元々明らかではなかった問題を削除する必要があります。

注：モーダルボックスもそのコンテナーも高さが固定されていないため、JavaScriptがないと垂直方向に中央揃えにすることはできません。スクリプトを使用して高さを取得し、それに応じてボックスの位置を設定する必要があります。

StackOverflowの目的はあなたの仕事を外部委託することではなく、あなたがあなた自身で解決策を見つけるのを助けることであるため、私はあなたのためにJavaScriptを実装していません:)

これがとにかく軌道に戻るのに役立つことを願っています。