ライトボックスの画像サイズを修正するには？

Question

ライトボックス2を使用して画像を拡大表示していますが、画像のサイズがブラウザのウィンドウサイズと見た目よりも大きいため、ライトボックスの画像ボックスサイズをデフォルトに修正する方法はありますか？

Answer 1

多分あなたはCSSを使うことができます。次のようなもの：

#lightbox #imageContainer img { 
    max-width: 600px; 
} 

/********************************************* 
* 
* NOTE: "max-width" is not supported by IE6. 
*  If al your images are bigger than 
*  the "default", just use "width". 
* 
*********************************************/ 

別のライトボックスライブラリを使用することをおすすめします。 trueの場合

、およびmaxWidthに、のmaxHeight、はinnerWidth、innerHeightは、幅​​、または高さが定義されている場合は、カラーボックスは、写真を拡大します。私のお気に入りはColorboxあり、それは実際にその説明によるとscalePhotosという名前のオプションを、持っていますそれらの値に収まるようにします。

このオプションはデフォルトでtrueです。