如何改变广场的灯箱尺寸？ （提供答案）

Question

注意：这既是问题也是解决方案。

如果你在galleria照片库中使用经典主题，你会注意到许多东西是可配置的，但有一点似乎是固定的，就是灯箱的大小。这对我来说非常令人沮丧，我花了一些时间来挖掘设置，但事实证明解决方案非常简单 - 一个代码行更改。

我想将它发布给其他人，这样他们就可以调整灯箱大小，而不是经历我所遇到的麻烦。

解：

1. 打开文件 - galleryHelper/src/galleria.js
2. 查找此代码行 - var r = Math.min( (w-60) / lightbox.w, (h-80) / lightbox.h );
3. 将其更改为此 - var r = 1;

注意：如果进行此更改，灯箱尺寸将与您显示的实际图像尺寸一样大。将此值1视为等于100％。因此，如果您希望灯箱比实际图像大1.5倍，请将值设置为1.5。相反，如果您希望仅显示实际图像大小的80％，请将其设置为0.8。

此外，此代码行位于一个部分内，如下所示：

rescale: this.proxy(function(e) {

                var w = Math.min( this.width(window), lightbox.w );
                var h = Math.min( this.height(window), lightbox.h );
                var r = Math.min( (w-60) / lightbox.w, (h-80) / lightbox.h );
                var destW = (lightbox.w * r) + 40;
                var destH = (lightbox.h * r) + 60;

您可以清楚地看到，数学公式用于动态计算每个图像的大小。如果您想要固定的灯箱尺寸，请使用以下值：var destW，var destH。

享受!!!