1
Typo3(バージョン7LTS)に少し問題があります。私は、ページのressources画像から小さな画像ギャラリーを作成したいと私は、このTypoScriptをしてこれらの画像を取得しています:Typo3 - クラス名のある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));
});
偉大な仕事!これは動作します! – zvenson