tt_content IMAGE HTML Inline Width \ Height

Hallo Zusammen,

wie sicherlich alle schon habe ich mich eben mal wieder mit styles_get_content / tt_content etc, rumgeschlagen. Ich gebe nach 2 Stunden googlen auf ... I.d.R. arbeite ich nur mit TV und FCE's weil mir die Standardelemnte zu wider sind :o

Das Typo3 standard CE Bild spuckt folgenden Code aus:

<img src="uploads/pics/footer.jpg" width="600" height="160" alt="" />

(Die Größen sind die des Bildes welches ich hochgealden habe)

Nun die Frage:
Wie bekomme ich die INLINE-Angaben HEIGHT und WIDTH aus dem IMG-Tag raus?

Ich möchte in diesem Fall keine Bildgrößen-Angaben im Quelltext habe da ich hier mit Styles ran muss.

Ich bin wie immer für jeden Hinweis dankbar! 😢

das solltest Du damit behoben bekommen;

tt_content.image.20 {
  imageStdWrap.dataWrap = <div class="csc-textpic-imagewrap"> | </div>
  imageColumnStdWrap.dataWrap = <div class="csc-textpic-imagecolumn"> | </div>
}

tt_content.image.20 {
  rendering {
    dl {
      imageRowStdWrap.dataWrap = <div class="csc-textpic-imagerow"> | </div>
      imageLastRowStdWrap.dataWrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-last"> | </div>
      oneImageStdWrap.dataWrap = <dl class="csc-textpic-image###CLASSES###" > | </dl>
    }
    ul {
      imageRowStdWrap.dataWrap = <div class="csc-textpic-imagerow"><ul> | </ul></div>
      imageLastRowStdWrap.dataWrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-last"><ul> | </ul></div>
      oneImageStdWrap.dataWrap = <li class="csc-textpic-image###CLASSES###"> | </li>
    }
    div {
      imageRowStdWrap.dataWrap = <div class="csc-textpic-imagerow"> | </div>
      imageLastRowStdWrap.dataWrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-last"> | </div>
      oneImageStdWrap.dataWrap = 
    }
    simple {
      imageStdWrap.dataWrap = <div class="csc-textpic-imagewrap csc-textpic-single-image"> | </div>
    }
  }
}

gruss
maty

Leider nein,

ergibnis damit ist:

<div class="csc-textpic-imagewrap csc-textpic-single-image"><img src="uploads/pics/startseite_02.jpg" width="600" height="160" alt="" />

Nach wie vor die Atribtue Height und Width drin :/

Alle anderen Sachen lassen sich doch auch entfernen:

 tt_content.image.20.1.altText
 config.disableImgBorderAttr = 1
 tt_content.image.20.1.params = class="xxx"

Da muss es doch auch eine möglichkeit geben die Atribtue Height und Width zu entfernen #angry#

Ich habs aufgegeben und wie üblich ein TemplaVoila FCE gebaut und kann selbst bestimmen was es wie macht 8-)

IMG_RESOURCE und fertig.

Normal stören die Inline Attribute Height\Width auch nicht aber in dem speziellen Fall muss sich CSS direkt um die Bildgrößen kümmern. Mobile Site mit flexiblen Breiten.

Hallo spl,
ich wusste ich hatte schon mal das Thema, Für ne Mobile Seite.
Dazu hatte ich HTML5 Readykit verwendet.
Wenn man sich Diese Ext. anschaut findet man das hier:

// remove width and height attributes from images
    $search = '/<img(.+?) width=\"(.+?)\"(.+?)height=\"(.+?)\"(.+?)>/';
    $replace = '<img${1}${3}${5}>';
    $params['pObj']->content = preg_replace($search, $replace, $params['pObj']->content);

gruss
maty

Meines Wissens hängt die Höhen- und Breitenangabe auch nicht am Bildwrap sondern am Bild.

Mit

tt_content.image.20.1.file {
width = 0
width >
maxW = 0 
maxW > 
height = 0
height >
maxH = 0
maxH >

müsstest du also eher Erfolg haben.
Die Werte habe ich deshalb "= 0" gesetzt weil ich "glaube" das diese nur
entfernt werden können wenn sie zuvor gesetzt wurden, allerdings würde
ich das an deiner Stelle zuerst ohne versuchen, denn wie gesagt bin ich mir
hier nicht ganz sicher.

Viel Erföllg