Hi Everyone,
I've got a photoset themed to work with the
Foundation Orbit Slider, and everything's great till I try to throw in a line of text at the bottom of the picture (This isn't the post caption, just a line of text per picture).
{block:Photoset}
<div class="photoset">
{block:Photos}
<img src="{PhotoURL-HighRes}" data-caption="??">
{/block:Photos}
</div><!--photoset-->
{block:Photos}
<span class="orbit-caption" id="??">
Text goes here
</span>
{/block:Photos}
{/block:Photoset}
I've used two {block:Photos} environments because .orbit-caption has to be after .photoset. My question is, what can I use as a "photo-ID" of sorts that can be referenced for the data-caption and corresponding id so the jQuery can pick it up? I've tried plugging in dummy variables and it works great, but I'd need something generated by Tumblr to make it dynamic.
Thanks in advance!