[Gelöst] Bild ausgeben - Bildgröße aus Einstellungen

[jgrotstabel]

Hey,

ich baue gerade ein Template für eine Teaserbox.
In dieser soll auch ein Bild ausgegeben werden. Diesem Bildelement habe ich eine feste Breite und eine feste Höhe mitgegeben, die Einstellungen für die Größe sind mitte/mitte.
Mein Problem ist, dass das Bild immer in original Größe und nicht entsprechend den Einstellungen ausgegeben wird.

Im Template habe ich das Bild folgendermaßen eingebunden:

<?php echo $this->elements['teaserBild']; ?>

Die Ausgbabe im Frontend ist folgende:

<span data-picture data-alt="Audi Messeaufbau">
<span data-src="assets/images/0/media_132733-cc524420.jpg"></span>
<span data-src="assets/images/8/media_132733-bf16eb88.jpg" data-media="(min-width: 800px)"></span>
<span data-src="assets/images/1/media_132733-78a7db61.jpg" data-media="(min-width: 1200px)"></span>
<noscript>
<img src="assets/images/2/media_132733-9cf60ae2.jpg" width="320" height="200" alt="Audi Messeaufbau">
</noscript>

Eigentlich will ich ja quasi, dass nur das Ausgegeben wird was im noscript Tag steht. Wie komme ich damit vorran?

[JanoschSkuplik]

Hallo Jens,

hast du das Bild-Feld genommen? Bei diesem funktioniert bei mir die Angabe einer Größe ohne Probleme.

[jgrotstabel]

Hey Janosch,

genau das ist ein Bild Feld. Es hat folgende Grundeinstellungen:

bild.jpg

Und folgende Einstellungen im eigentlich Element das angezeigt werden soll:

element.jpg

[JanoschSkuplik]

Kann ich mir das irgendwo mal kurz live ansehen? Gerne auch mit Backend-Zugang (temporär per PM).

[Spooky]

Hey,

ich baue gerade ein Template für eine Teaserbox.
In dieser soll auch ein Bild ausgegeben werden. Diesem Bildelement habe ich eine feste Breite und eine feste Höhe mitgegeben, die Einstellungen für die Größe sind mitte/mitte.
Mein Problem ist, dass das Bild immer in original Größe und nicht entsprechend den Einstellungen ausgegeben wird.

Im Template habe ich das Bild folgendermaßen eingebunden:

<?php echo $this->elements['teaserBild']; ?>

Die Ausgbabe im Frontend ist folgende:

<span data-picture data-alt="Audi Messeaufbau">
<span data-src="assets/images/0/media_132733-cc524420.jpg"></span>
<span data-src="assets/images/8/media_132733-bf16eb88.jpg" data-media="(min-width: 800px)"></span>
<span data-src="assets/images/1/media_132733-78a7db61.jpg" data-media="(min-width: 1200px)"></span>
<noscript>
<img src="assets/images/2/media_132733-9cf60ae2.jpg" width="320" height="200" alt="Audi Messeaufbau">
</noscript>

Eigentlich will ich ja quasi, dass nur das Ausgegeben wird was im noscript Tag steht. Wie komme ich damit vorran?

Sieht so aus als würdest du auch noch die [responsive_images] Extension oder ähnliches verwenden. Ich denke von dort kommt evt. diese Ausgabe für das Bild.

[jgrotstabel]

Hey Spooky,

ja das war es. Besten Dank.

Janosch, evtl. ist das für Dich noch interessant. Ich war auf [responsive_images] nicht angewießen, daher hab ich die Erweiterung jetzt einfach gelöscht.