Suche
Teilen
startseite » forum

[Frage] FCE - mehrere Bilder mit Alt-Tags verstehen [Gelöst] TYPO3-Version: 4.4.10

  • 0 x
    11 Beiträge
    0 Hilfreiche Beiträge
    05. 08. 2013, 11:02

    Hallo zusammen,

    ich komme bei einem Problem noch nicht ganz zu einer Lösung.

    Folgende Ausgangssituation:
    Ich habe ein FCE erstellt mit der Möglichkeit mehrere Bilder zu verwenden.
    Diese sollen nun mit alt-Tags versehen werden.

    Die meisten Lösungen die ich gefunden habe beziehen sich auf 1 Bild mit Alt-Tags (das ist leicht lösbar)

    Ich habe jetzt ein Textfeld angelegt und in jeder Zeile einen neuen Text eingefügt - jetzt muss es nur noch gehen, das er die Texte splittet.

    Das ist mein bisheriger Code:

    1. <TypoScript><![CDATA[10 = COA
    2. 10 {
    3. wrap = <ul class="bilderuebersicht">|</ul>
    4. 	1 = COA	
    5. 	1 {
    6. 		5 = COA
    7. 		5 {
    9. 			1.file {
    10. 				XY = 900,675
    11. 				import = uploads/tx_templavoila/
    12. 				import.current = 1
    13. 				import.listNum = 0
    14. 				maxW = 900
    15. 				minW = 506
    16. 				maxH = 675
    17. 				minH = 675
    18. 			}
    19. 			1.stdWrap.wrap = <li><!!=|==:]">			
    21. 		}
    22. 		10 = COA
    23. 		10 {
    24. 			1 = IMAGE
    25. 			1.file {
    26. 				XY = 200,150
    27. 				import = uploads/tx_templavoila/
    28. 				import.current = 1
    29. 				import.listNum = 0
    30. 				width = 200c
    31. 				height = 150c
    32. 			}
    33. 			1 {
    34. 				altText = TEXT
    35. 				altText {
    36. 					field = field_alttext	
    38. 					split.token.char = 10
    39. 					split.token.if.isTrue = {$styles.content.imgtext.imageTextSplit}
    40. 					split.returnKey.data = register : IMAGE_NUM_CURRENT
    41. 				}
    42. 			}	
    43. 			1.wrap = |</a></li>
    44. 		}
    45. 	}
    46. 	2 <.1
    47. 	2.5.1.file.import.listNum = 1
    48. 	2.10.1.file.import.listNum = 1
    49. 	3 <.1
    50. 	3.5.1.file.import.listNum = 2
    51. 	3.10.1.file.import.listNum = 2
    52. 	4 <.1
    53. 	4.5.1.file.import.listNum = 3
    54. 	4.10.1.file.import.listNum = 3
    55. 	5 <.1
    56. 	5.5.1.file.import.listNum = 4
    57. 	5.10.1.file.import.listNum = 4
    58. 	6 <.1
    59. 	6.5.1.file.import.listNum = 5
    60. 	6.10.1.file.import.listNum = 5
    61. 	7 <.1
    62. 	7.5.1.file.import.listNum = 6
    63. 	7.10.1.file.import.listNum = 6
    64. 	8 <.1
    65. 	8.5.1.file.import.listNum = 7
    66. 	8.10.1.file.import.listNum = 7
    67. 	9 <.1
    68. 	9.5.1.file.import.listNum = 8
    69. 	9.10.1.file.import.listNum = 8
    70. 	10 <.1
    71. 	10.5.1.file.import.listNum = 9
    72. 	10.10.1.file.import.listNum = 9
    73. 	11 <.1
    74. 	11.5.1.file.import.listNum = 10
    75. 	11.10.1.file.import.listNum = 10
    76. 	12 <.1
    77. 	12.5.1.file.import.listNum = 11
    78. 	12.10.1.file.import.listNum = 11
    79. 	13 <.1
    80. 	13.5.1.file.import.listNum = 12
    81. 	13.10.1.file.import.listNum = 12
    82. 	14 <.1
    83. 	14.5.1.file.import.listNum = 13
    84. 	14.10.1.file.import.listNum = 13
    85. 	15 <.1
    86. 	15.5.1.file.import.listNum = 14
    87. 	15.10.1.file.import.listNum = 14
    88. 	16 <.1
    89. 	16.5.1.file.import.listNum = 15
    90. 	16.10.1.file.import.listNum = 15
    91. 	17 <.1
    92. 	17.5.1.file.import.listNum = 16
    93. 	17.10.1.file.import.listNum = 16
    94. 	18 <.1
    95. 	18.5.1.file.import.listNum = 17
    96. 	18.10.1.file.import.listNum = 17
    97. }]]></TypoScript>

    Ich habe versucht den Teil für die altTags aus der css_style_content zu nehmen - aber das hat mich noch nicht weiter gebracht.

    Jetziger Stand: Bei jedem Bild zeigt er den AltText aus der ersten Zeile meines Textfeldes.

    Ich hoffe mich kann jemand auf die richtige Spur bringen.

    Tags: Fce , Alt , Bilder
  • 0 x
    11 Beiträge
    0 Hilfreiche Beiträge
    05. 08. 2013, 13:44 - Lösung

    Vielen Dank - dein Post hat mir sehr geholfen das ganze zu vereinfachen.

    Hier mein jetziges Script für den Fall das es jemand gebrauchen kann.

    1. <TypoScript><![CDATA[
    2. 10 = COA
    3. 10 {
    4. 	wrap = <ul class="bilderuebersicht">|</ul>
    5. 	10 = HTML
    6. 	10 {
    7. 		value.field = field_images
    8. 		value.split {
    9. 			token = ,
    10. 			cObjNum = 1
    11. 			1 {
    13. 				10.file {
    14. 					import.current = 1
    15. 					import = uploads/tx_templavoila/
    16. 					format = jpg
    17. 					maxW = 900
    18. 					minW = 506
    19. 					maxH = 675
    20. 					minH = 675
    21. 				}
    22. 				10.stdWrap.wrap = <li>< a href="|" rel="lightbox[]">			
    24.  
    25. 				20 = IMAGE
    26. 				20 {
    27. 					file {
    28. 						import.current = 1
    29. 						import = uploads/tx_templavoila/
    30. 						format = jpg
    31. 						width = 200c
    32. 						height = 150c
    33. 					}
    34. 					altText = TEXT
    35. 					altText {
    36. 						field = field_alttext
    39. 							token.char = 10
    40. 							returnKey.data = register:SPLIT_COUNT
    41. 							cObjNum = 1
    42. 							1.current = 1
    43. 						}
    44. 					}
    45. 					wrap = |</a></li>
    46. 				}
    47. 			}
    48. 		}
    49. 	}
    50. }
    51. ]]></TypoScript>

    Natürlich bei < a href das Leerzeichen am Anfang weg - das hat er irgendwie gekürzt ohne das Leerzeichen

  • Hilfreichster Beitrag

  • danton danton
    Jedi-Meister
    1 x
    298 Beiträge
    4 Hilfreiche Beiträge
    05. 08. 2013, 12:08 - Hilfreichster Beitrag

    Hi

    Wenn ich das richtig sehe gehst Du das ganze falsch an.
    Du musst Dir das Feld image/s als eine kommaseparierte Liste vorstellen.
    image1.jpg,image2.jpg,image3.jpg
    D.h. auch schon das Image-Feld sollte gesplittet werden.
    Ein bisschen Gockeln hätte geholfen.
    Suchbegriffe "templavoila bild" 2. Treffer.
    [url]https://www.google.com/search?safe=off&q=templavoila+bild[/url]

    Das wäre dann folgender Link zur Lösung:
    [url]https://snipt.net/mawe/f/[/url]

    Beachten das ab TYPO3 Version 4.7 das HTML-Content Element gestrichen wurde.
    Anstatt dessen einfach das TEXT-CE verwenden.

    Grüßle Niels

    "Das Universum ist vollkommen. Es kann nicht verbessert werden. Wer es verändern will, verdirbt es. Wer es besitzen will, verliert es." - Laozi

  • 1
  • 0 x
    11 Beiträge
    0 Hilfreiche Beiträge
    05. 08. 2013, 12:02

    Das mit den Alt-Tags hab ich jetzt hinbekommen - allerdings ziemlich umständlich - vielleicht weiß jemand wie ich das einfacher gestalten kann.

    1. <TypoScript><![CDATA[10 = COA
    2. 10 {
    3. wrap = <ul class="bilderuebersicht">|</ul>
    4. 	1 = COA	
    5. 	1 {
    6. 		5 = COA
    7. 		5 {
    9. 			1.file {
    10. 				XY = 900,675
    11. 				import = uploads/tx_templavoila/
    12. 				import.current = 1
    13. 				import.listNum = 0
    14. 				maxW = 900
    15. 				minW = 506
    16. 				maxH = 675
    17. 				minH = 675
    18. 			}
    19. 			1.stdWrap.wrap = <li><!!=|==:]">			
    21. 		}
    22. 		10 = COA
    23. 		10 {
    24. 			1 = IMAGE
    25. 			1 {
    26. 				file {
    27. 					XY = 200,150
    28. 					import = uploads/tx_templavoila/
    29. 					import.current = 1
    30. 					import.listNum = 0
    31. 					width = 200c
    32. 					height = 150c
    33. 				}
    34.  
    35. 				altText = TEXT
    36. 				altText {
    37. 					field = field_alttext
    38. 					value.field = field_alttext
    40. 					split.token.char = 10
    41. 					split.returnKey = 0
    42. 				}
    43. 				wrap = |</a></li>
    44. 			}	
    45. 		}
    46. 	}
    47. 	2 <.1
    48. 	2.5.1.file.import.listNum = 1
    49. 	2.10.1.file.import.listNum = 1
    50. 	2.10.1.altText.split.returnKey = 1
    51. 	3 <.1
    52. 	3.5.1.file.import.listNum = 2
    53. 	3.10.1.file.import.listNum = 2
    54. 	3.10.1.altText.split.returnKey = 2
    55. 	4 <.1
    56. 	4.5.1.file.import.listNum = 3
    57. 	4.10.1.file.import.listNum = 3
    58. 	4.10.1.altText.split.returnKey = 3
    59. 	5 <.1
    60. 	5.5.1.file.import.listNum = 4
    61. 	5.10.1.file.import.listNum = 4
    62. 	5.10.1.altText.split.returnKey = 4
    63. 	6 <.1
    64. 	6.5.1.file.import.listNum = 5
    65. 	6.10.1.file.import.listNum = 5
    66. 	6.10.1.altText.split.returnKey = 5
    67. 	7 <.1
    68. 	7.5.1.file.import.listNum = 6
    69. 	7.10.1.file.import.listNum = 6
    70. 	7.10.1.altText.split.returnKey = 6
    71. 	8 <.1
    72. 	8.5.1.file.import.listNum = 7
    73. 	8.10.1.file.import.listNum = 7
    74. 	8.10.1.altText.split.returnKey = 7
    75. 	9 <.1
    76. 	9.5.1.file.import.listNum = 8
    77. 	9.10.1.file.import.listNum = 8
    78. 	9.10.1.altText.split.returnKey = 8
    79. 	10 <.1
    80. 	10.5.1.file.import.listNum = 9
    81. 	10.10.1.file.import.listNum = 9
    82. 	10.10.1.altText.split.returnKey = 9
    83. 	11 <.1
    84. 	11.5.1.file.import.listNum = 10
    85. 	11.10.1.file.import.listNum = 10
    86. 	11.10.1.altText.split.returnKey = 10
    87. 	12 <.1
    88. 	12.5.1.file.import.listNum = 11
    89. 	12.10.1.file.import.listNum = 11
    90. 	12.10.1.altText.split.returnKey = 11
    91. 	13 <.1
    92. 	13.5.1.file.import.listNum = 12
    93. 	13.10.1.file.import.listNum = 12
    94. 	13.10.1.altText.split.returnKey = 12
    95. 	14 <.1
    96. 	14.5.1.file.import.listNum = 13
    97. 	14.10.1.file.import.listNum = 13
    98. 	14.10.1.altText.split.returnKey = 13
    99. 	15 <.1
    100. 	15.5.1.file.import.listNum = 14
    101. 	15.10.1.file.import.listNum = 14
    102. 	15.10.1.altText.split.returnKey = 14
    103. 	16 <.1
    104. 	16.5.1.file.import.listNum = 15
    105. 	16.10.1.file.import.listNum = 15
    106. 	16.10.1.altText.split.returnKey = 15
    107. 	17 <.1
    108. 	17.5.1.file.import.listNum = 16
    109. 	17.10.1.file.import.listNum = 16
    110. 	17.10.1.altText.split.returnKey = 16
    111. 	18 <.1
    112. 	18.5.1.file.import.listNum = 17
    113. 	18.10.1.file.import.listNum = 17
    114. 	18.10.1.altText.split.returnKey = 17
    115. }]]></TypoScript>

  • danton danton
    Jedi-Meister
    1 x
    298 Beiträge
    4 Hilfreiche Beiträge
    05. 08. 2013, 12:08

    Hi

    Wenn ich das richtig sehe gehst Du das ganze falsch an.
    Du musst Dir das Feld image/s als eine kommaseparierte Liste vorstellen.
    image1.jpg,image2.jpg,image3.jpg
    D.h. auch schon das Image-Feld sollte gesplittet werden.
    Ein bisschen Gockeln hätte geholfen.
    Suchbegriffe "templavoila bild" 2. Treffer.
    [url]https://www.google.com/search?safe=off&q=templavoila+bild[/url]

    Das wäre dann folgender Link zur Lösung:
    [url]https://snipt.net/mawe/f/[/url]

    Beachten das ab TYPO3 Version 4.7 das HTML-Content Element gestrichen wurde.
    Anstatt dessen einfach das TEXT-CE verwenden.

    Grüßle Niels

    "Das Universum ist vollkommen. Es kann nicht verbessert werden. Wer es verändern will, verdirbt es. Wer es besitzen will, verliert es." - Laozi

  • 0 x
    11 Beiträge
    0 Hilfreiche Beiträge
    05. 08. 2013, 13:44

    Vielen Dank - dein Post hat mir sehr geholfen das ganze zu vereinfachen.

    Hier mein jetziges Script für den Fall das es jemand gebrauchen kann.

    1. <TypoScript><![CDATA[
    2. 10 = COA
    3. 10 {
    4. 	wrap = <ul class="bilderuebersicht">|</ul>
    5. 	10 = HTML
    6. 	10 {
    7. 		value.field = field_images
    8. 		value.split {
    9. 			token = ,
    10. 			cObjNum = 1
    11. 			1 {
    13. 				10.file {
    14. 					import.current = 1
    15. 					import = uploads/tx_templavoila/
    16. 					format = jpg
    17. 					maxW = 900
    18. 					minW = 506
    19. 					maxH = 675
    20. 					minH = 675
    21. 				}
    22. 				10.stdWrap.wrap = <li>< a href="|" rel="lightbox[]">			
    24.  
    25. 				20 = IMAGE
    26. 				20 {
    27. 					file {
    28. 						import.current = 1
    29. 						import = uploads/tx_templavoila/
    30. 						format = jpg
    31. 						width = 200c
    32. 						height = 150c
    33. 					}
    34. 					altText = TEXT
    35. 					altText {
    36. 						field = field_alttext
    39. 							token.char = 10
    40. 							returnKey.data = register:SPLIT_COUNT
    41. 							cObjNum = 1
    42. 							1.current = 1
    43. 						}
    44. 					}
    45. 					wrap = |</a></li>
    46. 				}
    47. 			}
    48. 		}
    49. 	}
    50. }
    51. ]]></TypoScript>

    Natürlich bei < a href das Leerzeichen am Anfang weg - das hat er irgendwie gekürzt ohne das Leerzeichen

  • 1
Präsentiert von
Mittwald
Nützliche Links
TYPO3 Dokumentation
eStrategy
webworker Magazin