Bild in Bildelement in feste breite und höhe?

[Juli_ane]

Hi,

ich habe ein Bild Attribut und es kann sein das die Bilder die dort ausgewählt werden, immer mal andere Maße haben und nicht die von mir gewollten 250px x120px. Wie kann ich jetzt CE sagen, dass es das Bild nehmen soll und auf die jeweilige Größe anpassen soll?

LG & Danke

[Tim]

Das Bild hat sicher die gegenen Maße, aber wird event. "responsive" aufgezogen. Wenn es z.B. Eclipse ist dem Bild-Element die Klasse "no-responsive " geben: https://help.premium-contao-themes.c...s-klassen.html

[Juli_ane]

Nein, ich habe diese Einstellungen und möchte, dass das Bild das dort ausgewählt wird genau die Maße 250px x 120px hat, egal ob es irgend wie größer ist.

[Tim]

Ja, ich verstehe schon. Das Bild hat wahrscheinlich auch in diesem Format (schau mal im <img> selbst), wird aber durch das responsive Verhalten auf die umschließende Container-Größe aufgezogen. Das kann z.B. in Eclipse mit besagter Klasse unterbunden werden, oder man macht es quasi mit einem CSS reset. Das <img> darf nicht width: 100% bekommen per CSS.

[Juli_ane]

Sorry, mein Fehler, meine Ausgabe ist wie folgt:

 <img data-src="<?php echo \Contao\FilesModel::findByPk($this->field('bild')->value())->path ?>"  src="files/public/img/content/img-placeholder.jpg"  alt="<?php echo $this->field('kurztext')->value(); ?>"  itemprop="image"  class="teaser"  >

Wie kann ich denn das gecropte Bild so ausgeben lassen?

[Tim]

Warum nutzt du nicht die Ausgabe über ->html(), dann wird alles berücksichtigt. Auf diesem manuellen Weg musst du alles von Hand bauen. Auch kommt das Bild so nie aus dem Cache. Wenn es manuell sein muss, schau dir noch die ->generate() Methode an: https://forum.premium-contao-themes....late-variablen

[Juli_ane]

Die Ausgabe mit html gibt mir zu viele zusätzliche Container aus, da stimmt dann das CSS nicht mehr.

[Tim]

Die Ausgabe mit html gibt mir zu viele zusätzliche Container aus, da stimmt dann das CSS nicht mehr.

Dafür gibt es das eingestellte Attribut-Template. Manuell aufbauen bleibt ja weiterhin. Dann musst du natürlich das gesamte <img> manuell bauen.

[Juli_ane]

Ah stimmt, Danke.