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默认设置。