I am using Ditto to list out thumbnails from underlying documents. There are four thumbnails per row. Due to margin-issues I need a different class on each fourth thumbnail. The "default" chunk looks like this:
<div class="productThumb">
<a href="[~[+id+]~]"><img src="[+tvThumbnail+]" width="101" height="95" alt="[+title+]" /></a>
<p><a href="[~[+id+]~]">[+title+]</a></p>
</div>
Every fourth thumb should have this chunk:
<div class="productThumbRight">
<a href="[~[+id+]~]"><img src="[+tvThumbnail+]" width="101" height="95" alt="[+title+]" /></a>
<p><a href="[~[+id+]~]">[+title+]</a></p>
</div>
The Ditto call looks like this:
[[Ditto? &tpl=`Produkktbilde` &startID=`9` &descendentDepth=`1` &displayArchive=`0` &total=`200` &summarize=`200`]]
Is there any simple way to do this?