<div class="bx-pager">
[[!getImageList?
&tvname=`slider`
&tpl=`@CODE:<a data-slide-index="[[+idx]]" href="#"><img src="[[+thumb]]"></a>
`]]
</div><div class="bx-pager">
<a data-slide-index="1" href="#" class="active"><img src="...."></a>
<a data-slide-index="2" href="#"><img src="...."></a>
<a data-slide-index="3" href="#"><img src="...."></a>
<a data-slide-index="4" href="#"><img src="...."></a>
</div><div class="bx-pager">
<a data-slide-index="0" href="#" class="active"><img src="...."></a>
<a data-slide-index="1" href="#"><img src="...."></a>
<a data-slide-index="2" href="#"><img src="...."></a>
<a data-slide-index="3" href="#"><img src="...."></a>
</div>:add=`1`
<div class="bx-pager">
[[!getImageList?
&tvname=`slider`
&tpl=`@CODE:<a data-slide-index="[[+idx:add=`1`]]" href="#"><img src="[[+thumb]]"></a>
`]]
</div>