Contao-Camp 2024
Ergebnis 1 bis 8 von 8

Thema: Responsive Bilder mit unterschiedlichem Format je Breakpoint + Hi-Res-Anpassung?

  1. #1
    Contao-Nutzer
    Registriert seit
    19.05.2010.
    Beiträge
    62

    Standard Responsive Bilder mit unterschiedlichem Format je Breakpoint + Hi-Res-Anpassung?

    Hallo!

    A)
    Ich möchte in Contao 4.9 je Breakpoint unterschiedliche Bilddateien mit unterschiedlichen Formaten über ein <img> ausgeben.
    Das würde man ja im Quellcode normalerweise über <picture> lösen.

    B)
    Außerdem sollen je Breakpoint entsprechend der Pixel Density unterschiedlich große Varianten des jeweiligen Bildes geladen werden.
    Dies für sich alleine ist ja in Contao-Bildgrößen bzw. srcset realisierbar.

    Punkt A), also das tauschen der vom Redakteur auszuwählenden Bilder hat für mich Priorität. Punkt B zusätzlich in Kombination wäre nice to have.

    Sehe ich es richtig, dass in Contao-Bildgrößen aber bei <picture> nur eine Ausschnittwahl (mit automatischem generieren des Bildes) und kein manuelles definieren von unterschiedlichen Bildern möglich ist?
    Wie ist Eure best practise für dieses Szenario? Muss man das dann notfalls fest im Template einbauen?

    Danke Euch!

    Jogi

  2. #2
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

    Standard

    Zitat Zitat von jogiwebster Beitrag anzeigen
    Sehe ich es richtig, dass in Contao-Bildgrößen aber bei <picture> nur eine Ausschnittwahl (mit automatischem generieren des Bildes) und kein manuelles definieren von unterschiedlichen Bildern möglich ist?
    Korrekt, ja.
    » sponsor me via GitHub or PayPal or Revolut

  3. #3
    Contao-Nutzer
    Registriert seit
    19.05.2010.
    Beiträge
    62

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    Korrekt, ja.
    Ok, das ist schade.

    Ich würde mich freuen, wenn jemand beschreibt, wie er es dann gelöst hat, dass unterschiedliche Bildformate je Breakpoint geladen werden.

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

    Support Contao

    Standard

    Zitat Zitat von jogiwebster Beitrag anzeigen
    Wie ist Eure best practise für dieses Szenario? Muss man das dann notfalls fest im Template einbauen?
    Ich würde in dem Fall ein eigenes Inhaltselement erstellen, dass die Auswahl von zwei Bildern erlaubt und das <picture> im Template des Elements zusammenbauen.

  5. #5
    Contao-Nutzer
    Registriert seit
    19.05.2010.
    Beiträge
    62

    Standard

    Stimmt, das wäre eine Möglichkeit, danke.

    Mir würde es auch ausreichen, wenn nur das Hauptbild vom Redakteur ausgewählt wird und ich dann die übrigen mit fixen Ergänzungen des Dateinamens z.B. "Dateiname-B1.jpg" und "Dateiname-B2.jpg" definiere.
    Das müsste dann doch im Template eines normalen Text- oder Bild-Elementes machbar sein oder?
    Wobei das wahrscheinlich Probleme mit den Bildpfaden gibt, weil Contao die internen Dateinamen ja bei Bildupload anpasst oder?
    Geändert von jogiwebster (28.10.2021 um 10:39 Uhr)

  6. #6
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

    Standard

    Zitat Zitat von ausi Beitrag anzeigen
    Ich würde in dem Fall ein eigenes Inhaltselement erstellen, dass die Auswahl von zwei Bildern erlaubt und das <picture> im Template des Elements zusammenbauen.
    Oder wir bauen's doch in den Core ein - aber wir werden vermutlich eine Extension irgendwann mal machen
    » sponsor me via GitHub or PayPal or Revolut

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

    Support Contao

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    Oder wir bauen's doch in den Core ein
    Wär schon cool. Eine Lösung die möglichst unkompliziert ist und die reguläre Nutzung nicht stört.

  8. #8
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ja würde ich auch cool finden. Habe es bisher zwar nur selten gebraucht, aber für die Fälle ein absoluter Gewinn und ein weiteres Highlight mit dem Contao punkten könnte.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




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
  •