Zum Inhalt springen

Runde Ecken mit GIFBUILDER + tt_news

Erstellt am 6. November 2007 · Noch keine Antworten

Tags: Frage

Flotter ·

Hallo Zusammen,

ich habe folgendes Tutorial gefunden, mit welchem man Bilder mit runden Ecken versehen kann - dies geht aber nur für Text mit Bild Elemente.

http://www.typo3wizard.com/de/snippets/gifbuilder/dynamische-masken.html

Das TypoScript sieht folgendermaßen aus:

tt_content.image.20.1.file >
tt_content.image.20.1.file {
  import.current = 1
  width.field = imagewidth
  m.mask.import.cObject = IMG_RESOURCE
  m.mask.import.cObject.file = GIFBUILDER
  m.mask.import.cObject.file {
        # Hier wird die dynamische Maske mit der gleichen größe wie das aktuele
        # Bild erstellt, aber mit runden Ecken.
    XY = [10.w],[10.h]
    format = gif
        # Da der "XY" Parameter keinen stdWrap hat, finden wir die größe durch 
        # erneutes laden des Bilds herraus
    10 = IMAGE
    10.file {
      import.current = 1
      width.field = imagewidth
      maxW = {$styles.content.imgtext.maxW}
      maxW.override.data = register:maxImageWidth
      maxWInText = {$styles.content.imgtext.maxWInText}
      maxWInText.override.data = register:maxImageWidthInText
    }
        # Erstellen einer weißen Box der die ganze größe einnimmt
    20 = BOX
    20.dimensions = 0,0,[10.w],[10.h]
    20.color = #FFFFFF
        # Die Maske für die Ecke oben links setzen
    30 = IMAGE
    30.file = {$imagePath}cornermask_tl.gif
    30.align = l,t
        # Die Maske für die Ecke oben rechts setzen
    40 = IMAGE
    40.file = {$imagePath}cornermask_tr.gif
    40.align = r,t
        # Die Maske für die Ecke oben unten links
    50 = IMAGE
    50.file = {$imagePath}cornermask_bl.gif
    50.align = l,b
        # Die Maske für die Ecke oben unten rechts
    60 = IMAGE
    60.file = {$imagePath}cornermask_br.gif
    60.align = r,b
  } 
    # Die schnellste methode (empfohlen) ist ein statisches Bild wie folgt zu verwenden:
    #m.bgImg = {$imagePath}clear.gif
    # Aber es kann auch dynamisch erstellt werden:
  m.bgImg.import.cObject = IMG_RESOURCE
  m.bgImg.import.cObject.file = GIFBUILDER
  m.bgImg.import.cObject.file {
        # Hier wird wird die dynamische bgMask erstellt
        # Größe dieses Bildes ist unwichtig
    XY = [10.w],[10.h]
    format = gif
    10 = BOX
    10.dimensions = 0,0,10,10
    10.color = {$bgColor}
  }
}

Jetzt die Frage - wie kann ich das so umschreiben, dass das auch für Bilder von tt_news geht? Ich habe schon ein paar Ansätze gehabt, nur leider ohne Erfolg.

Hatte z.B. versucht die Bilder von tt_news folgendermaßen anzusprechen:

plugin.tt_news.displayList.image.file >
plugin.tt_news.displayList.image.file { // anweisungen von oben
}

Funktioniert leider alles nicht - kann mir jemand sagen, wie sowas mit dem Gifbuilder zu realisieren wäre?

Vielen Dank und Gruß
Florian