Incorporating Photosets into Foundation Orbit Slider

47 views
Skip to first unread message

Kenneth Lim Mingjie

unread,
Jul 30, 2012, 6:29:43 AM7/30/12
to tumblr...@googlegroups.com
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!
Reply all
Reply to author
Forward
0 new messages