Ergebnis 1 bis 6 von 6

Thema: Bilder größer als in der Originalgröße darstellen

  1. #1
    Contao-Nutzer
    Registriert seit
    23.02.2018.
    Beiträge
    22

    Standard Bilder größer als in der Originalgröße darstellen

    In einem Slider oder ce_image-Element möchte ich die Bilder gerne größer darstellen als die Original-Maße. Diese werden ja im Quelltext als Attribute direkt mit ausgegeben. Oftmals setzen Redakteure Bilder ein, die nur z.B. 1000px in der Breite haben. Auch wenn sie dann natürlich an Qualität verlieren, möchte ich, dass die Bilder in voller Browserbreite dargestellt werden. Alle Bilder vor Upload größer zu skalieren sollte nicht der Weg sein.
    Bildeinstellungen mit max-width: 100vw !important überschreiben leider die orginalen Maße nicht. Vermutlich müsste eine Änderung im entsprechenden Template vorgenommen werden, so dass die Attribute für Breite und Höhe nicht übernommen werden, aber meine Trial and Error-Versuche haben bisher nicht zum Erfog geführt. Hat jemand Rat?

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

    Standard

    Das musst du per CSS machen.
    » sponsor me via GitHub or PayPal or Revolut

  3. #3
    Contao-Fan
    Registriert seit
    24.02.2021.
    Beiträge
    455

    Standard

    Poste einen Link zur Seite.

    Ansonsten gilt:

    Code:
    img {
      height: auto;
      max-width: 100%;
      width: 100%;
    }
    (^ Auch in einem der Frameworks von Contao enthalten, welche du im Layout nutzen kannst)

    Wenn figure, picture, c_image, ce_image, der Container dadrüber, dein Artikel oder was auch immer die Breite limitieren, dann über Dev-Tools kontrollieren.

    Wenn das CSS des Sliders die Breite jedoch begrenzt, da Selektorstärke, !important, layer, etc... dann Dev-Tools.

  4. #4
    Contao-Nutzer
    Registriert seit
    23.02.2018.
    Beiträge
    22

    Standard

    Okay, mit ce_image haut es hin, aber noch nicht im Rocksolid-Slider.

    rbz-sp-test.de/slidetest

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

    Support Contao

    Standard

    ggf. das umschliessende Element auf 100% Breite

    Code:
    .image_container a {width: 100%}
    Grüsse
    Bernhard


  6. #6
    Contao-Nutzer
    Registriert seit
    23.02.2018.
    Beiträge
    22

    Standard

    Yessss. Das wars! Vielen Dank an a l l e für die Hilfestellung.
    G Martin

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
  •