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.
http://www.mind-projects.it/projects/jqzoom/
So hätte ich gerne die Ausgabe:
<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>
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:
10 = IMAGE
10.file.import = uploads/tx_templavoila/
10.file.import.current = 1
10.file.import.listNum = 0
10.file.maxW = 200
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?
du kannst das mit einem wrap realisieren.
Hierzu kannst du dir die TSREF (TypoScript Referenz) ansehen:
https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Index.html
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
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.
Hier mein Vorgehen bisher:
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.
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
Was sind hierbei meine Fehler?
Danke!