<a href="image1.jpg" data-fb-options="caption:#myCaptionDiv">...</a>
...
<div id="myCaptionDiv" style="display:none;">
<span style="color:#123456;"> Here's an HTML caption with <a href="//example.com">a link</a> </span>
</div>
I made a few minor modifications and this works fine. The thing is, I'd like to use it many times on the page, but you can only use an "id" once. I tried changing it to a class, but floatbox wants to see that '#'. As far as I can tell, the only way to do this multiple times is to make many ids ("#myCaptionDiv01", "#myCaptionDiv02", etc.). Is this right? I was hoping to define myCaptionDiv and all of its contents within a stylesheet.