Bilder in Voransicht kleiner darstellen

    Hallo,

    wie erreiche ich, dass in der narrowcolum (also auf start) die bilder eine feste kleinere größe haben, als in der widecolum (einzelansicht) ???

    • 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

    So als Ansatz:
    Zwei Bilder posten, aus Qualitätsgründen um "verpixelte Verpixelungen" beim verkleinern zu vermeiden, und über CSS ein- bzw. ausblenden.

    Startseite: (Bsp.)

    Code
    .narrowcolumn .post .entry img.kleinesBild {
display: inline;
}
.narrowcolumn .post .entry img.grossesBild {
display: none;
}

    Single: (Bsp.)

    Code
    .widecolumn .post .entry img.kleinesBild {
display: none;
}
.widecolumn .post .entry img.grossesBild {
display: inline;
}

    "Whoever controls the media, controls the mind." J.Morrison

    Danke.
    Gute Idee, aber ich will ja, dass es mit einem Posting geht.
    Sprich, dass man ein großes Postet, das dann in der Vorschlau verkleinert abgebildet wird.

    der Unterschied soll nur das doppelte betragen, (exakt gleiche Masse) dürfte also kein problem wegen der Qualität geben.

    Wie kann ich es dann realisieren ?

    2 unterschiedliche Thumbnailgrößen sind mit WP-Bordmitteln nicht möglich.

    Vorschlag:

    Code
    .narrowcolumn .entry img {
width: /* halbe Breite in px */
}
.widecolumn .entry img {
width: /* volle Breite in px */
}

    Aber wie oben bereits angedeutet, das könnte unschön aussehen.

    Du bist ein Genie !
    Ich danke Dir ganz herzlich !

    P.S.: Sieht nicht unschön aus. Der Unterschied ist nicht groß und die Bilder sind sehr hochauflösend (also immer nur reduziert von groß auf klein)

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden