Verwendung: multipe Responsive Images in CustomElements

Sven's Avatar

Sven

21 Nov, 2018 09:46 AM

Produkt: Custom Elements Contao
Contao-Version: 4
Browser und Browserversionen: alle

Guten Morgen :)

ich habe ein RSCE gebaut das mit einfachen multiple Images gut funktioniert.
Jetzt würde ich gerne responsive Images mit meinen Bildgrößen verwenden.
Im Backend habe ich schon die Size-Auswahlmöglichkeit, aber die Frontend-Ausgabe klappt nicht.

Ich ein Schnipsel aus dem Forum verwendet:
"Beispiel für die Ausgabe eines Bildes (Image) des Elementes (Box) mit dem Standard-Template (picture_default):" <?php if ($image = $this->getImageObject($box->image, $this->size)): ?> <?php $this->insert('picture_default', $image->picture) ?> <?php endif ?>

Aber natürlich passt bei mir $box nicht. Wo kommt diese Variable her?

Mein Konstrukt sieht bis jetzt so aus:

            <?php foreach ($this->images as $image): ?>
                <div class="myelement block">
                    <?php if ($image = $this->getImageObject($box->image, $this->size)): ?>
                        <?php $this->insert('picture_default', $image->picture) ?>
                    <?php endif ?>
                </div>
            <?php endforeach ?>

Viele Güße
Meike

  1. Support Staff 1 Posted by RockSolid Theme... on 21 Nov, 2018 11:27 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Verwenden Sie bitte $this->getImageObject($image->image, $this->size)

  2. 2 Posted by Meike on 21 Nov, 2018 12:37 PM

    Meike's Avatar

    Vielen Dank für die Antwort :) Jetzt habe ich zumindest schon mal wieder Bilder.
    Es ist allerdings kleider nur der normale <img src="..." ...> Code und nicht wie bei meinen nicht multiple Bildern der <img src="..." srcset="..."...> Code.

    Das picture_default template sollte das doch eigentlich hergeben. Vielleicht ist meine config falsch.

    Ich hänge noch mal die komplette config und html an.
    Wäre nett, wenn ihr noch mal drauf schaut.

    Viele Grüße,
    Meike

  3. Support Staff 3 Posted by RockSolid Theme... on 22 Nov, 2018 06:16 AM

    RockSolid Themes's Avatar

    Verwenden Sie anstatt $this->size bitte $image->size

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac