NextGEN Galerie: Fotos hochkant weniger riesig darstellen.

    Hallo zusammen,

    derzeit richtet sich die Größe der Fotos in der Einzelbildansicht nach der Breite, die im Artikel/auf der Seite für den Text zur Verfügung steht. Angenommen, mein Inhaltsbereich hat 450px, so wird das Bild immer 450px breit dargestellt. Das hat zur Folge, dass Bilder im Hochformat deutlich größer dargestellt werden, als Fotos im Querformat.

    Ich hoffe, dass kann sich jeder vorstellen. Falls nicht - hier zwei Beispiele:

    Bild im Querformat
    Bild im Hochformat

    Kann mann NGG (bzw. dessen CSS) nun irgendwie so konfigurieren, dass die Bilder im Hochformat so hoch sind, wie die Bilder im Querformat breit? Dann wären sie gleich groß.

    Danke für eure Ideen,
    Key2k

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Ja, ginge. Ist aber nicht grade das, was man unter einer schönen Lösung verstehen würde.

    Deklariere ein max-height für die Bilder

    HTML
    <style type="text/css">
img {max-height: 450px}
</style>

    Da der IE aber mit max-height nichts anfangen kann, brauchst du dafür noch einen workaround...

    HTML
    <!--[if IE]>
<style type="text/css">
img {width:expression
		(document.body.clientHeight 
		< 450? "450px": "auto")}
</style>
<![endif]-->

    ...der ist nicht schön und fehleranfällig

    Sicherer wäre es das ganze, wenn schon Clientseitig, (zumindest für den IE) mit JavaScript zu machen.

    Gruß
    Mo

    Könnte man nicht evtl. auch einen DIV-Container um das Bild legen, der eine feste Größe von 450x450px hat? Würde sich das Bild dann nicht an dessen Grenzen orientieren und sich in diesen Einpassen?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden