Wie wird die maximale Höhe des Ansichtsfensters auf die Höhe des Browserfensters eingestellt?

Question

Ich bin sehr weit von einem Experten, aber ich habe den Code alle funktioniert so ziemlich wie ich will - ich kann meine Galerien machen, und das Bildfenster öffnet und zeigt meine Bilder, alle meine Optionen funktionieren, wie ich will usw.

Was passiert, was für mich unerwünscht ist, ist, dass, wenn die Webseite lang genug ist, um scrollbar zu sein, wenn das Leuchtkastenfenster geöffnet ist (wenn ein Portraitbild angezeigt wird) "höher" als die Höhe des Browserfensters ist Sie müssen also scrollen, um das Bild zu sehen.

Ich weiß, dass ich die maxHeight-Option auf eine beliebige Anzahl von Pixeln setzen konnte, aber ich würde das lieber nicht tun, da das natürlich Leute mit größeren Bildschirmen einschränkt.

Idealerweise hätte ich für das Ansichtsfenster den gleichen Abstand vom unteren Rand des Browserfensters wie von oben, um das Bild nach Bedarf zu skalieren (wie es bereits der Fall ist, wenn die Webseite nicht t scrollbar).

Ich denke, was passiert ist, dass Lightbox die volle, scrollbare Höhe der Webseite verwendet, um die maximale Höhe des Ansichtsfensters zu bestimmen, und was ich möchte, ist eine Option, stattdessen die Höhe des Browserfensters zu verwenden.

Dies scheint zu sein, wie es auf der Website für Lightbox selbst funktioniert - http://lokeshdhakar.com/projects/lightbox2/#examples - die Art und Weise, dass das 4-Bild-Set funktioniert, ist so ziemlich wie ich möchte, dass ich arbeite (obwohl ich mehr Bilder haben). Ich glaube, dass es etwas mit der zusätzlichen screen.css zu tun hat, die auf diese Seite geladen wird, aber nicht in den Beispielen und Lightbox-Archiven enthalten ist, die Sie herunterladen, aber ich weiß nicht genug CSS, um das zu entschlüsseln, was ich brauche es.

Hoffe das alles macht Sinn - irgendwelche Ideen jemand? Würde mich über Hilfe freuen.

Answer 1

Die maxHeight des Bildes in einer Datei lightbox.js gezählt wird, Linie 295 (für v2.9.0):

 
windowHeight = $(window).height();

Um es aus einer Höhe des Browserfensters zu zählen, ersetzen Sie diese Zeile mit folgenden:

windowHeight = document.body.clientHeight;