Div Tag um Bild als TypoScript mit ausgeben

  • Clause Clause
    TYPO3-Anwärter
    0 x
    7 Beiträge
    0 Hilfreiche Beiträge
    23. 02. 2010, 20:14

    Hallo Ihr,

    ich möchte in ein FCE-Element, das TemplaVoila generiert hat um ein Bild, das gewählt wird einen Div Tag schreiben lassen.
    Und zwar soll das jqzoom javascript dabei zum Einsatz kommen.
    [url]http://www.mind-projects.it/projects/jqzoom/[/url]

    So hätte ich gerne die Ausgabe:
    [HTML]<div id="content" style="margin-top:100px;margin-left:100px;">
    <a href="http://www.websitename.de/uploads/tx_templavoila/grossesBild.jpg" class="jqzoom" title="Bildname"><img src="http://www.websitename.de/typo3temp/pics/kleinesBildtempname.jpg" title="Bildname" style="border: 0px solid #666;" alt="" /></a>[/HTML]

    Da ich ein Absoluter Neuling in Sachen TypoScript bin ist meine Frage, wie kann ich dies realisieren?

    Standardmäßig sieht ja das von TemplaVoila genierierte XML ja so aus:
    [TS]10 = IMAGE
    10.file.import = uploads/tx_templavoila/
    10.file.import.current = 1
    10.file.import.listNum = 0
    10.file.maxW = 200[/TS]
    Wie bekomme ich das hin, das Typo3 mir einmal die "orginal" Bilddatei und einmal die auf die maxW Breite einsetzt und als html so ausgibt?

    Nutzt man dazu den wrap-Befehl?


  • 1
  • Dander Dander
    Flash Gordon
    0 x
    2287 Beiträge
    0 Hilfreiche Beiträge
    24. 02. 2010, 16:55

    du kannst das mit einem wrap realisieren.
    Hierzu kannst du dir die TSREF (TypoScript Referenz) ansehen:
    http://typo3.org/documentation/document-library/references/doc_core_tsref/4.2.0/view/1/8/#id4250714

    Natürlich könntest du auch einfach das DIV mit in dein Template aufnehmen und beim mappen das Div drinnen lassen (outer).

    viele Grüße

  • Clause Clause
    TYPO3-Anwärter
    0 x
    7 Beiträge
    0 Hilfreiche Beiträge
    25. 02. 2010, 08:55

    Hallo,

    Ich habe mir jetzt die Referenz einmal angeschaut, komme da aber irgendwie nicht weiter.

    Wenn ich ja das "große" Bild per TemplaVoila einbinde, dann müsste ich immer noch in eine Zeile HTML Code das kleine Bild bekommen.

    [b]Hier mein Vorgehen bisher:[/b]
    1. Bild soll ausgewählt werden
    2. Das Bild in Typo Script importieren
    3. Das "orginal" Bild als grosses Bild verwenden
    4. Das max. 200 Pixel breite Bild als "kleines" Bild verwenden
    5. wrap erstellen um die gesamte Zeile zu erreichen.

    [TS]10 = IMAGE
    10.file.import = uploads/tx_templavoila/
    10.file.import.current = 1
    10.file.import.listNum = 0
    15 = imgResource
    15.file < 10.file
    20 = imgResource
    20.wrap = <div id="content" style="margin-top:100px;margin-left:100px;"><a href="http://www.websitename.de/uploads/tx_templavoila/ | " class="jqzoom" title="Bildname">
    25 = imgResource
    25.wrap = <img src="http://www.websitename.de/typo3temp/pics/ | " title="Bildname" style="border: 0px solid #666;" alt="" /></a></div>
    30 = imgResource
    30.wrap = 20.file + 25.file[/TS]

    Was sind hierbei meine Fehler?
    Danke!

  • 1