Einstellung(-en) des Wrapping einzelner Bilder von "Image Only"-Elementen

automatix · 16.11.2006, 15:19

Hallo!

Per TS kann man in TYPO praktisch alles einstellen. Gibt es denn auch Einstellungen fürs Wrappen von Bildern innerhalb von "Image Only"-Objekt-Elementen?

Danke.

P.S. Das ist kein Doppelgänger dieses Threads. Hier handelt es sch nämlich nicht mehr z.B. um eine bestimmte, sondern um generelle Einstellungen.

steffenk · 16.11.2006, 18:14

Ich versteh nicht was Du genau meinst, in css_styled_content sind die einzelnen Bilder in eigenen Containern und somit gewwrappt.
Sag doch mal genauer, was Du vorhast.
wenn Du alles wrappen willst: tt_content.image.wrap=...|...

automatix · 16.11.2006, 21:30

Hallo!

Zitat:

Zitat von St@eff.en

Ich versteh nicht was Du genau meinst, in css_styled_content sind die einzelnen Bilder in eigenen Containern und somit gewwrappt.

Genau. Nun versuch ich rauszufinden, wo/wie man einstellt, wie die Bilder gewrappt werden. Bei mir ist das jetzt eine zweispaltige Tabelle als sozusagen "allWrap" und demetsprechend TDs als wraps. Die Tabelle möchte ich gar nicht haben. Die Frage ist: wie spreche ich einzelne Bilder an?

Code:

# so was...
tt_content.image.einzelneBilder.wrap=...|...

Du sagst "in css_styled_content sind die einzelnen Bilder in eigenen Containern und somit gewwrappt". css_styled_content ist bei mir installiert. Trotzdem krieg ich, wie ich schon sagte, eine Tabelle...

Code:

<div class="testClass">
<div class="testImgClass">
<div style="text-align:center;">
<table width="370" border="0" cellspacing="0" cellpadding="0" style="margin-left: auto; margin-right: auto" class="imgtext-table">
<tr>
<td valign="top">
<img src="uploads/pics/1_01.JPG" width="180" height="110" border="0" align="top" alt="" title="" />
<br />
</td>
<td>
<img src="clear.gif" width="10" height="1" border="0" alt="" title="" />
</td>
<td valign="top">
<img src="uploads/pics/10_01.JPG" width="180" height="110" border="0" align="top" alt="" title="" />
<br />
</td>
</tr>
</table>
</div>
</div>
</div>

Aber selbst wenn das DIVs wären -- wo stellt man das ein?

steffenk · 17.11.2006, 10:27

wenn Du nur css_styled_content benutzt, bekommst Du keine Tabelle. Du musst also content(default) o.ä. aktiviert haben.

Um zu sehen, was wie gemacht wird, braucht man nur im Template Analyzer sich die Templates anschauen. Dann kann man entsprechende Teile kopieren und abändern.

automatix · 17.11.2006, 12:32

Zitat:

Zitat von St@eff.en

Du musst also content(default) o.ä. aktiviert haben.

Was ist denn dieser "content" und wie kann man das (de)aktivieren?

Zitat:

Zitat von St@eff.en

Um zu sehen, was wie gemacht wird, braucht man nur im Template Analyzer sich die Templates anschauen. Dann kann man entsprechende Teile kopieren und abändern.

Ich habe mir nun im Template Analyzer die Templates angeschaut, weiß aber nicht, wo ich etwas abändern soll:

Das ist der Teil des Codes mit den Parsing-Einstelungen für CType image (Images Only). Aber ich finde die richtige Stelle nicht.

Code:

# *****************
# CType: image
# *****************
# (also used for rendering 'textpic' type):
tt_content.image = COA
tt_content.image.10 = < lib.stdheader
tt_content.image.20 = IMGTEXT
tt_content.image.20 {
  imgList.field = image
  textPos.field = imageorient
  imgPath = uploads/pics/
  imgObjNum = 1
  1 {
    file.import.current = 1
    file.width.field = imagewidth
    params = align="top"
    imageLinkWrap = 1
    imageLinkWrap {
      bodyTag = <body bgcolor="black">
      wrap = <a href="javascript:close();"> | </a>
      width = {$styles.content.imgtext.linkWrap.width}
      height = {$styles.content.imgtext.linkWrap.height}
      effects = {$styles.content.imgtext.linkWrap.effects}
       
      JSwindow = 1
      JSwindow.newWindow = {$styles.content.imgtext.linkWrap.newWindow}
      JSwindow.expand = 17,20
       
      enable.field = image_zoom
      enable.ifEmpty.field = image_link
       
      typolink.parameter.field = image_link
      typolink.parameter.listNum.stdWrap.data = register : IMAGE_NUM
      typolink.target = {$styles.content.links.target}
      typolink.extTarget = {$styles.content.links.extTarget}
    }
  }
   
  maxW = {$styles.content.imgtext.maxW}
  maxW.override.data = register:maxImageWidth
  maxWInText = {$styles.content.imgtext.maxWInText}
  maxWInText.override.data = register:maxImageWidthInText
   
  equalH.field = imageheight
  spaceBelowAbove = 6
   
  image_compression.field = image_compression
  image_effects.field = image_effects
   
  noRows.field = image_noRows
   
  cols.field = imagecols
  border.field = imageborder
  caption {
    1 = TEXT
    1 {
      if.isFalse = {$styles.content.imgtext.captionSplit}
      field = imagecaption
      required = 1
      parseFunc = < lib.parseFunc
      br = 1
      fontTag = <p class="csc-caption">|</p>
      wrapAlign.field = imagecaption_position
    }
  }
  captionSplit = {$styles.content.imgtext.captionSplit}
  captionSplit.cObject = TEXT
  captionSplit.cObject.field = imagecaption
  captionSplit.stdWrap < .caption.1
  captionSplit.stdWrap {
    field >
    if >
  }
   
  borderCol = {$styles.content.imgtext.borderColor}
  borderThick = {$styles.content.imgtext.borderThick}
  colSpace = {$styles.content.imgtext.colSpace}
  rowSpace = {$styles.content.imgtext.rowSpace}
  textMargin = {$styles.content.imgtext.textMargin}
   
  editIcons = tt_content : image [imageorient|imagewidth|imageheight], [imagecols|image_noRows|imageborder],[image_link|image_zoom],[image_compression|image_effects|image_frames],imagecaption[imagecaption_position]
  editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.php:eIcon.images
   
  caption.editIcons = tt_content : imagecaption[imagecaption_position]
  caption.editIcons.beforeLastTag=1
  caption.editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.php:eIcon.caption
   
  stdWrap.prefixComment = 2 | Image block:
}

steffenk · 17.11.2006, 12:54

zu 1 ) im Roottemplate darf nur css_styled_content eingebunden sein.
Hast Du überhaupt eine aktuelle Typo3-Version ?

zu 2) da hast Du den richtigen Teil schon gefunden. Das wrapping läuft über stdWrap. Dei Details sind natürlich auch fest im Code verankert. Man kann das auch alles selber machen, ein Beispiel findest Du im Typo3 Kochbuch.

automatix · 17.11.2006, 15:22

Zitat:

Zitat von St@eff.en

im Roottemplate darf nur css_styled_content eingebunden sein.

Das ist jetzt wohl ne doofe Frage... Wie kann css_styled_content im Template eingebunden werden, das ist doch eine Extension?..

Zitat:

Zitat von St@eff.en

Hast Du überhaupt eine aktuelle Typo3-Version ?

Nein, es handelt sich um 3.8er.

Zitat:

Zitat von St@eff.en

Dei Details sind natürlich auch fest im Code verankert.

Drei Details? Was meinst Du?

steffenk · 18.11.2006, 14:09

Extensions lassen sich (und müssen auch) eingebuneden werden, css_styled_content unter dem Punkt Include static (from extensions)

Du solltest die neuste Version benutzen.

nicht drei, sondern die. css_styled_content rendert die Inhalte mit php nach "festen" Regeln. Nicht alles lässt sich verändern, aber alles lässt sich ersetzen ...

automatix · 18.11.2006, 14:48

Zitat:

Zitat von St@eff.en

Extensions lassen sich (und müssen auch) eingebuneden werden, css_styled_content unter dem Punkt Include static (from extensions)

Du solltest die neuste Version benutzen.

nicht drei, sondern die. css_styled_content rendert die Inhalte mit php nach "festen" Regeln. Nicht alles lässt sich verändern, aber alles lässt sich ersetzen ...

zu 1. Ja, klar, ich verstehe jetzt, was Du meintest. In meinem Roottemplate ist nur css_styled_content eingebunden.

zu 2. Da hast Du vollkommen Recht. Ich habe aber ein paar 3.8er Projekte und habe einfach keine Zeit (und Lust) sie upzudaten.

zu 3. Ich verstehe Dich nicht. Wozu soll ich im TYPO-Quellcode rumfummeln, wenn ich (wie Du selber sagst) "den richtigen Teil schon gefunden" habe? Wenn ich die richtige Stelle im TS habe, dann sollte sich doch das Problem auch mit TypoScript lösen lassen. Man muss nur wissen, wie man einzelne Bilder innerhalb des Image-Elements anspricht. Wenn Du das weißt, würdest Du das bitte sagen. Danke.

Stefan_G · 19.11.2006, 10:58

Moin,

Zitat:

Zitat von automatix

(...)wie man einzelne Bilder innerhalb des Image-Elements anspricht(...)

das Element "image" kannst du mit deinem eigenen TS erzeugen (ohne im Quelltext rumzufummeln), wenn du den Code für tt_content.image... mit deinem eigenen TS im Setup ersetzt. Soweit warst du ja auch eigentlich schon.

Wenn du jetzt einzelne oder bestimmte Bilder (z.B. jedes zweite) wrappen möchtest, kannst du das über Funktion split, bzw. optionSplit individuell für dein Projekt lösen. Steffen hat es schon angemerkt: genau zu diesem Thema Bildblock steht im Typo3-Kochbuch ein eigenes Kapitel und liefert auch Code-Beispiele.

//Stefan

automatix · 19.11.2006, 12:47

Zitat:

Zitat von Stefan_G

zu diesem Thema Bildblock steht im Typo3-Kochbuch ein eigenes Kapitel und liefert auch Code-Beispiele.

Das Buch hab ich jetzt leider nicht zu Hand, erst Mitte der Wochce, also...

Zitat:

Zitat von Stefan_G

das Element "image" kannst du mit deinem eigenen TS erzeugen (ohne im Quelltext rumzufummeln), wenn du den Code für tt_content.image... mit deinem eigenen TS im Setup ersetzt.

Das ist es ja! Ich finde einfach nicht, was ich ersetzen soll! Ich hab jetzt einfach "<table" im TS gesucht, denn meine Images werden ja in Tabellen ausgegeben und die Stelle, wo es definiert wird, würde, dachte ich, schon die richtige fürs Wrapping sein. Das ist doch logisch -- wenn in einem HTML-Dokument alle Links rot sind, dann muss man ja erst die Stelle finden, wo steht sowas wie "a.link {color:#FF0000}". Aber dort steht nirgedwo "<table" oder "<td" oder sonst so was. Fazit: Ich hab (nicht ohne Eure Hilfe) den anscheinend richtigen Code gefunden. Entweder ist der Code doch nicht der richtige oder es muss nun die richtige Stelle im Code gefunden und geändert/ersetzt werden, und genau da komm ich nicht weiter.