私はほとんどの場合、モーダルエフェクトにShadowBox.jsを使用します。ShadowBoxでうまくやっていけないように見えるという要件があり、それを処理できる別の推奨事項があるかどうか疑問に思います。要件は次のとおりです。
ギャラリーページでは、ユーザーはギャラリー内のすべての写真を表示します。クリックして写真を開くと、モーダルがギャラリー固有のナビゲーション（簡単）でポップアップ表示されます。
モーダルは、暗いコンテンツの通常の効果がありますが、写真（場合によってはビデオ）が表示される一種のフレームがあります。
フレームボックスの幅は常に900ピクセルで、内側の画像の最大幅は800ピクセルです。
写真は常に900ピクセルのフレームの中央に配置され、両側に少なくとも50ピクセルのパディングがあります。たとえば、画像の幅が600ピクセルの場合、画像の両側に150ピクセルが表示されます。
写真はすべて、アップロードする前にトリミングおよび準備されるため、幅が800ピクセルを超えることはありません。
シャドウボックスで寸法を簡単に設定できますが、これにより画像が強制的に引き伸ばされ、寸法がダンプされ、標準のinitオプションを使用すると、画像のサイズが変更されたモーダルが得られます。
前もって感謝します