1

注意：这既是一个问题，也是一个提供的解决方案。

如果您在 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.

享受！！！

4

0 回答 0