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

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

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

  • 1