javascript - ライトボックスの画像サイズを修正するにはどうすればよいですか？

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".
 *
 *********************************************/

別のライトボックスライブラリを使用することをお勧めします。私のお気に入りはColorboxです。実際には、という名前のオプションがありますscalePhotos。

trueの場合、およびmaxWidth、maxHeight、innerWidth、innerHeight、width、またはheightが定義されている場合、ColorBoxはそれらの値に収まるように写真を拡大縮小します。

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