Suche
Teilen
startseite » forum

FCE: Image target

  • 0 x
    24 Beiträge
    0 Hilfreiche Beiträge
    04. 08. 2010, 17:18

    Hallo zusammen,

    folgendes Problem stellt sich mir:
    Ich möchte ein img folgendermaßen taggen:

    <img src="" alt=""/>

    "alt" wird als Attribut des img tags gemappt und kann durch ein inputfield befüllt werden.

    "src" soll ebenso als Attribut des img tags gemappt werden und soll ferner durch ein linkfield eine URL zum Bild bekommen.

    Letzteres funktioniert nicht - was muss in der DS geändert werden, damit der Link nach Auswahl linkfield korrekt in src eingesetzt wird?

    Vielen Dank für Eure Hilfe!

    Grüße

  • 1
  • rrudorfer rrudorfer
    Padawan
    0 x
    37 Beiträge
    0 Hilfreiche Beiträge
    09. 08. 2010, 13:47

    Hi!

    Link ist hier das falsche Element... Naja, ich denke es müsste auch mit einem Link-Feld gehen, aber ich würde ein Image-Feld verwenden...

    Ändere dann einfach im erzeugten TypoScript (im XML der DS) IMAGE auf IMG_RESOURCE und schon wird dir der Pfad zum Bild zurück geliefert, welchen du dann in das src mappen kannst...

    Mit einem Image hast du dann auch mehr Möglichkeiten auf das Bild einzugreifen (Größe, Qualität, Datentyp, ...)

    Ciao,
    Roman

  • 0 x
    24 Beiträge
    0 Hilfreiche Beiträge
    09. 08. 2010, 15:08

    Hi,

    erstmal vielen Dank für deine Hilfe!

    Grundsätzlich verstehe ich, welche Lösung du vorschlägst. Nur sind mir die Schritte nicht ganz klar.

    Ich erzeuge ein Image-Feld und mappe das dann auf die src property des img tags?
    Du sagtest ja schon, dass die erzeuge DS angepasst werden muss, wie genau sieht diese dann aus?

    Sorry, wenn ich so genau nachfrage - aber so lange beschäftige ich mich noch nicht mit fce's.

    Schonmal vielen Dank für Deine Hilfe!

    Viele Grüße
    Matthias

  • rrudorfer rrudorfer
    Padawan
    0 x
    37 Beiträge
    0 Hilfreiche Beiträge
    09. 08. 2010, 15:18

    Genau... Du erstellst ein Image-Feld als Attribut, so wie du es vorhin schon gemacht hast... Dann wechselst du in das XML der DS und passt das darin enthaltene TypoScript deinen Bedürfnissen an...

    Schick mal das XML der DS durch, dann kann man besser helfen... ;-)

  • 0 x
    24 Beiträge
    0 Hilfreiche Beiträge
    10. 08. 2010, 02:15

    Hi, vielen Dank für die Mühe - hier ist der Ausschnitt aus der DS:

    1. <imagefield type="array">
    2. <type>array</type>
    3. <tx_templavoila type="array">
    4. <title>Bildbereich</title>
    5. <eType>input</eType>
    6. <preview></preview>
    7. </tx_templavoila>
    8. <el type="array">
    9. <image type="array">
    10. <type>array</type>
    11. <tx_templavoila type="array">
    12. <title>Bild</title>
    13. <eType>input</eType>
    14. <TypoScript></TypoScript>
    15. <proc type="array">
    16. <int>0</int>
    17. <HSC>0</HSC><stdWrap></stdWrap>
    18. </proc>
    19. <preview></preview>
    20. </tx_templavoila>
    21. <TCEforms type="array">
    23. <config type="array">
    24. </config>
    25. </TCEforms>
    26. <el type="array">
    27. <imagesource type="array">
    28. 	<tx_templavoila type="array">
    29. 		<title>Bildquelle</title>
    30. 		<sample_data type="array">
    31. 			<numIndex index="0"></numIndex>
    32. 		</sample_data>
    33. 		<eType>imagefixed</eType>
    34. 		<TypoScript><![CDATA[10 = IMAGE
    35. 				10 = IMAGE
    36. 				10 {
    37. 					#format = jpg
    38. 					file.import = uploads/tx_templavoila/
    39. 					file.import.current = 1
    40. 					file.import.listNum = 0
    41. 					file.maxH = 90
    42. 10.file.minH = 90
    43. 					file.maxW = 120
    44. 					10.file.minW = 120
    45.  
    46. 				}
    47. 				10.imageLinkWrap = 1
    48. 				10.imageLinkWrap {
    49. 					enable = 1
    50. 					bodyTag = <body style="margin:0;">
    51. 					wrap = <a href="javascript:close();">|</a>
    52. 					width = 800m
    53. 					height = 600m
    54. 					JSwindow = 1
    55. 					JSwindow {
    56. 						newWindow = 0
    57. 					}
    58. 					typolink {
    59. 						parameter.override.cObject = IMG_RESOURCE
    60. 						parameter.override.cObject.file.import.data = TSFE:lastImageInfo|origFile
    61. 						parameter.override.cObject.file.maxW = {$plugin.perfectlightbox.lightBoxMaxW}
    62. 						parameter.override.cObject.file.maxH = {$plugin.perfectlightbox.lightBoxMaxH}
    63. 						ATagParams = rel="lightbox"
    64. 						title.field = field_product_image_alttext
    65. 					}
    66. 				}
    67.  
    68.  
    69. ]]></TypoScript>
    70. 		<proc type="array">
    71. 			<int>0</int>
    72. 			<HSC>0</HSC>
    73. 			<stdWrap></stdWrap>
    74. 		</proc>
    75. 		<preview></preview>
    76. 	</tx_templavoila>
    77. 	<TCEforms type="array">
    78. 		<label>Bildquelle</label>
    79. 		<config type="array">
    80. 			<type>group</type>
    81. 			<internal_type>file</internal_type>
    82. 			<allowed>gif,png,jpg,jpeg</allowed>
    83. 			<max_size>1000</max_size>
    84. <uploadfolder>uploads/tx_templavoila</uploadfolder>
    85. 			<show_thumbs>1</show_thumbs>
    86. 			<size>1</size>
    87. 										<maxitems>1</maxitems>
    88. 										<minitems>0</minitems>
    89. 									</config>	</TCEforms>
    90. <type>attr</type></imagesource>
    91. </el>
    92. </image>
    93. </el>
    94. <section>1</section>
    95. </imagefield>

  • rrudorfer rrudorfer
    Padawan
    0 x
    37 Beiträge
    0 Hilfreiche Beiträge
    10. 08. 2010, 09:27

    Natürlich führen wie immer viele Wege zum Ziel... Hier ist jetzt die Möglichkeit, wie sie in diesem Thread im Gespräch ist (alt & src extra als Attribut mappen)...

    1. <imagesource type="array">
    2. 	<tx_templavoila type="array">
    3. 		<title>Bildquelle</title>
    4. 		<sample_data type="array">
    5. 			<numIndex index="0"></numIndex>
    6. 		</sample_data>
    7. 		<eType>imagefixed</eType>
    8. 		<TypoScript><![CDATA[
    10. 				10 {
    11. 					#format = jpg
    12. 					file.import = uploads/tx_templavoila/
    13. 					file.import.current = 1
    14. 					file.import.listNum = 0
    15. 					file.maxH = 90
    16. 					file.minH = 90
    17. 					file.maxW = 120
    18. 					file.minW = 120
    19. 				}
    20. ]]></TypoScript>
    21. 		<proc type="array">
    22. 			<int>0</int>
    23. 			<HSC>0</HSC>
    24. 			<stdWrap></stdWrap>
    25. 		</proc>
    26. 		<preview></preview>
    27. 	</tx_templavoila>
    28. 	<TCEforms type="array">
    29. 		<label>Bildquelle</label>
    30. 		<config type="array">
    31. 			<type>group</type>
    32. 			<internal_type>file</internal_type>
    33. 			<allowed>gif,png,jpg,jpeg</allowed>
    34. 			<max_size>1000</max_size>
    35. <uploadfolder>uploads/tx_templavoila</uploadfolder>
    36. 			<show_thumbs>1</show_thumbs>
    37. 			<size>1</size>
    38. 										<maxitems>1</maxitems>
    39. 										<minitems>0</minitems>
    40. 									</config>	</TCEforms>
    41. <type>attr</type></imagesource>

    Die Angaben im TypoScript musst du natürlich deinen Wünschen entsprechend anpassen...

    Du kannst natürlich auch das ganze <img>-Tag mappen und den Alt-Text in die Image-Generierung mitaufnehmen... Dazu brauchst du dann 10 = IMAGE statt IMG-RESOURCE...

    Diese Variante hätte den Vorteil, dass du das ganze Bild dann mit typolink optional verlinken könntest...

    Siehe:
    [url=http://typo3.org/documentation/document-library/references/doc_core_tsref/4.3.2/view/1/7/#id2519074]http://typo3.org/documentation/document-library/references/doc_core_tsref/4.3.2/view/1/7/#id2519074[/url]
    und
    [url=http://typo3.org/documentation/document-library/references/doc_core_tsref/4.3.2/view/1/5/#id2506027]http://typo3.org/documentation/document-library/references/doc_core_tsref/4.3.2/view/1/5/#id2506027[/url]

    Wie gesagt - je nach Anforderung von Vorliebe gibt es mehrere Möglichkeiten...

    Ciao,
    Roman

  • 1
Präsentiert von