Hallo zusammen,
bei meinem 1. Versuch eine Website zu kreieren bin ich fast fertig. Jedoch habe ich noch ein Problem bei einem TypoScript für ein Carousel von Bootstrap einzubinden.
Das Script funktioniert nur möchte ich noch 20.20 und 20.30 in einen Container (<div class="container">|</div> ) umhüllen. Und das krieg ich nicht gebacken...
Kann mir da jemand weiterhelfen?
Vielen Dank schon im Voraus
lib.slider = COA
lib.slider{
5 = LOAD_REGISTER
5{
counter = 0
}
10 = FILES
10{
references {
table = tt_content
uid = 22
fieldName = image
}
renderObj = COA
renderObj{
10 = LOAD_REGISTER
10{
divCounter.data = register:counter
counter.data = register:counter
counter.stdWrap.wrap = |+1
counter.prioriCalc=1
}
15 = TEXT
15{
data = register:divCounter
wrap = <li data-target="#myCarousel" data-slide-to="|" class="active"></li>|*|<li data-target="#myCarousel" data-slide-to="|"></li>|*|<li data-target="#myCarousel" data-slide-to="|"></li>
}
}
stdWrap.wrap3 = <ol class="carousel-indicators">|</ol>
}
20 = FILES
20{
references {
table = tt_content
uid = 22
fieldName = image
}
renderObj = COA
renderObj{
10 = IMAGE
10{
file.import.data = file:current:publicUrl
}
20 = TEXT
20{
data = file:current:title
wrap = <h2>|</h2>
}
30 = TEXT
30{
data = file:current:description
wrap = <p>|</p>
}
## 20 und 30 sollten noch mit einem <div class="container>|</div> umhüllt werden
wrap = <div class="item active">|</div>|*|<div class="item">|</div>|*|<div class="item">|</div>
}
stdWrap.wrap3 = <div class="carousel-inner role="listbox">|</div>
}
stdWrap.wrap3 (
<div id="myCarousel" class="carousel slide" data-ride="carousel">
|
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
)
}