size - ガレリアでライトボックスのサイズを変更するには? (回答あり)

Question

注: これは質問であり、提供される解決策でもあります。

ガレリア フォト ギャラリーでクラシック テーマを使用している場合、多くの設定が可能であることに気付くでしょうが、修正されているように見える 1 つのことは、ライト ボックスのサイズです。これは私にとって非常に苛立たしく、設定を掘り下げるのにしばらく時間がかかりましたが、解決策は非常に簡単であることがわかりました - 1つのコード行を変更する.

他の人のために投稿したかったので、彼らはライトボックスのサイズを調整でき、私がしたトラブルを経験しません.

解決策:

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.

楽しみ！！！