Typo3 - クラス名のあるRessourcesのTyposcriptを使った画像ギャラリー

Question

Typo3（バージョン7LTS）に少し問題があります。私は、ページのressources画像から小さな画像ギャラリーを作成したいと私は、このTypoScriptをしてこれらの画像を取得しています：

lib.produktSliderBig = FILES 
lib.produktSliderBig { 

    references { 
    table = pages 
    data = levelmedia:-1, slide 
    treatIdAsReference = 1 
    } 
    sorting = sorting_foreign 
    renderObj = COA 
    renderObj { 
    10 = IMAGE 
    10 { 
     file.import.data = file:current:publicUrl 
     stdWrap.typolink.parameter.data = file:current:link 
     } 
     20 = TEXT 
    20 { 
    data = file:current:description 
    wrap = <p class="flex-caption">|</p> 
    } 
    altText.data = file:current:description 
    wrap = <li class="big">|</li> 
    } 
    stdWrap { 
    wrap = <ul class="produkte-big">|</ul> 
    } 
} 

page.77.subparts.produktSliderBig < lib.produktSliderBig 

これは、この出力を作成します。

<ul class="produkte-big"><li class="big"><img src="image1.jpg" width="1000" height="1000" alt="" ><p class="flex-caption"></p></li> 
<li class="big"><img src="image2.jpg" width="1000" height="1000" alt="" ><p class="flex-caption"></p></li> 
<li class="big"><img src="image3.jpg" width="1000" height="1000" alt="" ><p class="flex-caption"></p></li></ul> 

は今、私は追加する必要があります私のimgタグへのクラス名 - このように：

<img class="image1" src... 
<img class="image2" src... 

しかし、私はこれを行う方法がわかりません。誰も助けることができますか？ここで

はjQueryを使って解決策だ - しかし、TypoScriptのでクラス名を追加すると、よりeleganz次のようになります。

$(".produkte").children().each(function(i) { 
    $(this).find('img').addClass('hover-image' + (i+1)); 
}); 

Answer 1

あなたは、いくつかの構文エラーがあったが、私の知る限り、あなたがカウンターを必要と知っている...：

lib.produktSliderBig = FILES 
lib.produktSliderBig { 
    references { 
     table = pages 
     data = levelmedia:-1, slide 
     treatIdAsReference = 1 
    } 
    sorting = sorting_foreign 
    renderObj = COA 
    renderObj { 
     10 = LOAD_REGISTER 
     10 { 
      Counter.cObject = TEXT 
      Counter.cObject.data = register:Counter 
      Counter.cObject.wrap = |+1 
      Counter.prioriCalc = intval 
     } 
     20 = IMAGE 
     20 { 
      file.import.data = file:current:publicUrl 
      titleText.data = file:current:title 
      altText.data = file:current:alternative 
      params.data = register:Counter 
      params.dataWrap = class="image|" 
      stdWrap.typolink.parameter.data = file:current:link 
     } 
     30 = TEXT 
     30 { 
      # this is a fallback if description is not available 
      data = file:current:description // file:current:name 
      stdWrap.wrap = <p class="flex-caption">|</p> 
     } 
     wrap = <li class="big">|</li> 
    } 
    stdWrap { 
     wrap = <ul class="produkte-big">|</ul> 
    } 
    RESTORE_REGISTER 
}