Contao-Camp 2024
Ergebnis 1 bis 7 von 7

Thema: Bildgrössen in Spalten

  1. #1
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.849
    Contao-Projekt unterstützen

    Support Contao

    Standard Bildgrössen in Spalten

    Hallo,
    ich habe gerade einen Knopf im Kopf ...

    Ich habe eine Bildergalerie die bei (max-width: 768px) einspaltig und darüber dreispaltig dargestellt wird.
    Die Bildbreite bei 3 Spalten möchte ich mit 300px einstellen
    Die Bildbreite bei 1 Spalte möchte ich mit 500px einstellen

    Bildgrösse angelegt mit 300px proportional
    Darin eine mit (max-width: 767px) auf 500px proportional
    » Ergebnis ist, dass auch einspaltig max. 300px angezeigt wird

    Lege ich dies an:
    Bildgrösse angelegt mit 500px proportional
    Darin eine mit (min-width: 768px) auf 300px proportional
    » Ergebnis ist, dass auch dreispaltig in 500px geladen wird

    Wo liegt mein Denkfehler?
    OK, ich könnte auch generell nur auf 500px laden, da ja der Unterschied dann nicht mehr wirklich viel ausmacht, aber ... eigentlich möchte ich's verstehen, wo mein Denkfehler liegt

    vielen Dank
    Grüsse
    Bernhard


  2. #2
    Contao-Nutzer
    Registriert seit
    26.10.2012.
    Beiträge
    89
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ich habe die Einstellungen soeben getestet und konnte keine Probleme feststellen, siehe Screenshots der Einstellungen.

    Das Ergebnis im Quelltext sieht folgendermaßen aus:

    HTML-Code:
    <picture>
        <source srcset="assets/images/c/office-6-bfa4e05c.jpg" media="(max-width: 767px)" width="500" height="333">
        <img src="assets/images/f/office-6-bfe37afd.jpg" width="300" height="200" alt="" itemprop="image">
    </picture>
    Die Verwendung von <picture> und <source> ist jedoch vermutlich nicht der richtige Ansatz für das was du erreichen willst denke ich.
    Geht es dir darum für die jeweilige Bildschirmgröße ein passendes Bild auszuliefern um Bandbreite zu sparen?
    Oder willst du unter einer Breite von 768 Pixel einen anderen Bildausschnitt (und oder eine andere Zoom-Einstellung) anzeigen?
    Angehängte Grafiken Angehängte Grafiken

  3. #3
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.849
    Contao-Projekt unterstützen

    Support Contao

    Standard

    vielen Dank schon mal

    Die Überlegung ist es, dass Contao aus einem verfügbaren Bild, Mobile und Desktop unterschiedliche Bildbreiten ausliefert - in diesem Fall auf Desktop ein schmäleres (300px, da dreispaltig) und Mobile mit 500px, da einspaltig.
    Sie z.B. diesen Link: https://wiewarsdort.at/info/woellane...lpinrunde.html
    Hier liefere ich nur 500px aus » und es funktioniert, weil dann bei 1-spaltig, bei Mobile eh nicht mehr Platz in der Breite verfügbar ist.

    'Ruine Neudegg' https://wiewarsdort.at/info/ruine-neudegg.html
    Hier habe ich testweise mit Einstellungen gearbeitet, die ich für logisch befunden habe, und die du nun auch so "bestätigsst"
    3-spaltig wird 300px ausgeliefert » passt auch so
    1-spaltig wird auch 300px ausgeliefert » passt also nicht

    Habe ich ggf. irgendwo etwas übersehen? Oder verstehe ich's einfach nur nicht
    Grüsse
    Bernhard


  4. #4
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.273

    Standard

    Vielleicht hast du das gleiche Problem wie ich https://community.contao.org/de/show...where%28source

    Die Lösung war folgender CSS Code (der imho in den Core sollte)

    Code:
    :where(source[width][height] ~ img) { 
        width: auto;
        height: auto;
    }

  5. #5
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.849
    Contao-Projekt unterstützen

    Support Contao

    Standard

    oh ja, eingebaut und Fehler behoben!
    Vielen Dank für den Hinweis ... muss man erst mal draufkommen
    Grüsse
    Bernhard


  6. #6
    Contao-Fan
    Registriert seit
    10.08.2011.
    Ort
    Berlin
    Beiträge
    828

    Standard

    Mir war das Problem bisher nie aufgefallen, weil ich das im CSS immer so habe:
    PHP-Code:
    img {
        
    max-width100%;
        
    widthauto;
        
    heightauto;

    Das so zu machen wie ihr das beschreibt mit (mit pseudo class :where) , darauf wäre ich auch nicht gekommen, aber kommt ja letztendlich auf dasselbe raus

  7. #7
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.273

    Standard

    War auch bis vor ein paar Versionen nicht nötig. Ich würde ja sagen das sowas auf jeden Fall in den Core sollte.....ohne den Hinweis von jemand aus dem Forum wäre das Problem nie gelöst worden.

    Jemand der nur Contao nutzt ohne hier aktiv zu sein wird dieses "Problem" vermutlich nie lösen :-D

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •