jedem <img> tag (PNG) via Typo script eine css-Klasse zuweisen [Gelöst]

  • masta masta
    R2-D2
    0 x
    83 Beiträge
    0 Hilfreiche Beiträge
    25. 05. 2007, 17:10

    Hallo zusammen,
    ich beschäftige mich gerade mit der EXT wc_png_me_once welche ermöglicht PNG´s unabhängig vom Browser transparente PNG´s darzustellen. Das funktioniert wunderbar nur nicht mit Bildern aus dem Content. In der Doku zu dieser Extension steht, dass es mit Typoscript möglich ist jedem <img> tag eine Klasse zuzuweisen allerdings fehlt mir dazu komplett der Denkansatz dies zu bewerkstelligen und bin daher auf die Hilfe dieses Forums angewiesen.

    Vielen Dank im Voraus!
    Grüße Mario


  • 1
  • jenses jenses
    Flash Gordon
    0 x
    3087 Beiträge
    106 Hilfreiche Beiträge
    25. 05. 2007, 17:32

    Da schaust du in den TS Objectbrowser und suchst in tt_content nach dem img-Abschnitt und baust einfach ein entsprechenden Tag ein.
    Müßte in etwa so lauten:
    [TS]tt_content.image.20.1.params = class=my-class
    [/TS]

  • masta masta
    R2-D2
    0 x
    83 Beiträge
    0 Hilfreiche Beiträge
    25. 05. 2007, 17:47

    Hallo Jenses,

    cool, Danke! funktioniert bestens

    grüße Mario

  • stevee stevee
    R2-D2
    0 x
    107 Beiträge
    0 Hilfreiche Beiträge
    18. 07. 2008, 00:01

    Hmmm, beschäftige mich auch damit, aber es will einfach nicht klappen!

    Hatte zuerst die Extension tpg_iepngfix installiert. Diese funktionierte bis auf CSS background-image.

    Nun fand ich auch wc_png_me_once, wo es heisst, dass sie auch Hintergrundbilder verarbeiten könne.

    Habe die Extension installiert, im Root statisch eingebunden.
    Dann hab ich im Root-Setup:

    [TS]tt_content.image.20.1.params = class="ie-img-png-fix"[/TS]

    eingefügt.

    Dann hab ich im Template zwei Hintergrund-PNG's, welche die CSS-Klasse "ie-png-fix" haben:

    [HTML]<div class="ie-png-fix" id="content_bottomleft_alpha" style="background-image: url(/fileadmin/images/templates/main/content_bottomleft_alpha.png); background-repeat: no-repeat; background-position: left bottom;">[/HTML]

    hab dazu mal die CSS-Eigenschaften direkt formatiert. Ich weiss nicht, ob da ein Unterschied besteht zwischen Direktformatierung und CSS-File, resp. ob die Extension beides kann? Dazu steht nichts im Manual.

    wie Ihr auf der Testseite:

    http://www.synor.ch/index.php?id=19

    sehen könnt, werden alle Klassen richtig eingefügt und auch der JavaScript-Code wird eingebunden.
    Also alle Voraussetzungen scheinen für mich erfüllt....

    Was mach ich falsch?
    Hat jemand den Durchblick?

    Danke für Eure Hilfe.
    Stevee

  • stevee stevee
    R2-D2
    0 x
    107 Beiträge
    0 Hilfreiche Beiträge
    18. 07. 2008, 00:02

    sollte ich einen neuen Thread machen, da dieser als gelöst markiert ist?

  • 1