Ergebnis 1 bis 7 von 7

Thema: CSS Klasse an Bild übergeben in Template mit $this->insert("image"

  1. #1
    Contao-Fan Avatar von Flaschenzug
    Registriert seit
    08.07.2010.
    Ort
    Berlin
    Beiträge
    312

    Standard CSS Klasse an Bild übergeben in Template mit $this->insert("image"

    Für folgendes Problem finde ich keine Lösung, könnt ihr mir weiterhelfen?

    Im Template "news_latest.html5" gibt es die folgende Zeile:
    Code:
    <?php $this->insert('image', $this->arrData); ?>
    Ich möchte jetzt eine Klasse an das "image" Template übergeben, die dann als class="" beim Bild eingefügt wird.
    Aber wie mache ich das ? Habe versucht mir $this->arrData auszugeben, kriege aber nur Fehlermeldungen.

    Bin dankbar für jegliche Tipps :-).

  2. #2
    Contao-Nutzer Avatar von BennyBorn
    Registriert seit
    10.06.2011.
    Ort
    Edenkoben
    Beiträge
    240
    Partner-ID
    6916

    Standard

    Ungetestet aber versuchs mal in ner Zeile vorher mit

    PHP-Code:
    <?php $this->floatClass $this->floatClass ' mycustomclass'?>

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

    Support Contao

    Standard

    Wenn, dann wird die Klasse damit wohl dem <figure> übergeben.
    Dem <img> kannst du eine Klasse über die Anpassung der Bildgrössen übergeben. Dort hast du die Möglichkeit Klassen zu vergeben und diese werden dann direkt dem <img> übergeben.
    Grüsse
    Bernhard


  4. #4
    Contao-Fan Avatar von Flaschenzug
    Registriert seit
    08.07.2010.
    Ort
    Berlin
    Beiträge
    312

    Standard

    Zitat Zitat von BennyBorn Beitrag anzeigen
    Ungetestet aber versuchs mal in ner Zeile vorher mit

    PHP-Code:
    <?php $this->floatClass $this->floatClass ' mycustomclass'?>
    Super, Danke. Das hat funktioniert. Landet wie von "derRenner" gesagt im Figure Tag, aber das ist für meinen Zweck vollkommen okay.

    Wenn, dann wird die Klasse damit wohl dem <figure> übergeben.
    Dem <img> kannst du eine Klasse über die Anpassung der Bildgrössen übergeben. Dort hast du die Möglichkeit Klassen zu vergeben und diese werden dann direkt dem <img> übergeben.
    Sehr cool, Danke auch für den Hinweis. Die Klasse ist mir bei den Bildgrößen tatsächlich noch nie bewusst aufgefallen. Gerade aber getestet und funktioniert.

    Besten Dank euch beiden für die schnellen und hilfreichen Antworten.

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

    Support Contao

    Standard

    Man kann auch ein eigenes image-Template anlegen und dort das Original extenden, um eine Klasse erweitern und dann entsprechend im Template verwenden. Hat ggf. den Vorteil, dass man das auch in verschiedenen Templates einsetzen kann.
    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.




  6. #6
    Contao-Fan Avatar von Flaschenzug
    Registriert seit
    08.07.2010.
    Ort
    Berlin
    Beiträge
    312

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    Man kann auch ein eigenes image-Template anlegen und dort das Original extenden, um eine Klasse erweitern und dann entsprechend im Template verwenden. Hat ggf. den Vorteil, dass man das auch in verschiedenen Templates einsetzen kann.
    Kannst du das mit einem Beispiel abbilden? Mir ist nämlich nicht klar, wie ich das um eine Klasse erweitere ...
    Ein eigenes image-template habe ich für das Element sowieso schon in Verwendung.

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

    Support Contao

    Standard

    Dazu musst du das Template picture_default.html5 anpassen.

    PHP-Code:
    // templates/picture_default.html5

    <?php $this->extend('picture_default'); ?>

    <?php $this->class .= ' mysuperclass' ?>
    Grüsse
    Bernhard


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
  •