So I've got this ~kind of~ working:
The carousel chunk displayed on the page:
[[!Gallery?
&limit=`0`
&album=`[[*vehiclegallery]]`
&toPlaceholder=`gallery`
&thumbTpl=`vehicleCarouselSlideTpl`
]]
[[!Gallery?
&limit=`0`
&album=`[[*vehiclegallery]]`
&toPlaceholder=`thumbs`
&thumbTpl=`vehicleCarouselThumbTpl`
]]
<div class="row">
<div id="carousel-vehicle" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
[[+gallery]]
</div>
<a class="left carousel-control" href="#carousel-vehicle" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-vehicle" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
<div class="row carousel-indicators">
[[+thumbs]]
</div>
vehicleCarouselThumbTpl:
<div class="col-sm-1" data-target="#carousel-vehicle" data-slide-to="[[+idx]]" class="[[+idx:eq=`1`:then=` active`]]">
<img class="[[+imgCls]] img-responsive" src="[[+thumbnail]]" alt="[[+name]]" />
</div>
vehicleCarouselSlideTpl:
<div class="item [[+idx:eq=`1`:then=` active`]]">
<img src="[[+image_absolute]]" class="img-responsive" />
</div>
So this does work, well in fact, but can you guess what's reeeeaallllly bugging me?
Right! exactly, I have to call Gallery twice [shudders!] to get the thumb output.
Any thoughts on how to get around this?
