HTML link in caption

Page: 1

Author Post
Member
Registered: Sep 2013
Posts: 17
I referenced your code following from options page:
<a href="image1.jpg" data-fb-options="caption:#myCaptionDiv">...</a>
...
<div id="myCaptionDiv" style="display:none;">
<span style="color:#123456;">Here&#039;s an HTML caption with <a href="//example.com">a link</a></span>
</div>

I changed it as needed and it looked pretty good, but then I ran into problems.

Go to this page please: http://portraitartist.com/sherr/portraits1.htm

Click on woman, 2nd row, far right. Looks pretty good except the next / prev appears at bottom as well as an overlay. Prior to changing the code on the woman, there was no next / prev at the bottom. In fact, all of the images on that page now show it at the bottom and did not before. Subsequent gallery pages are ok. That's the first problem.

At the top is a link on "gallery 2 >" and I want it to go here: http://portraitartist.com/sherr/portraits2.htm

It does go there, but not the way I want it. It seems to be making the whole page in a floatbox that is not floating.

Any help is appreciated.
« Last edit by cdaniel on Fri Mar 28, 2014 10:40 pm. »
Administrator
Registered: Aug 2008
Posts: 3382
There are no prev/next controls at the bottom of the images shown from that page. Are you maybe looking at something stale from your browser cache?

#myCaptionDiv is inside a containing div that has the "floatbox" class assigned. The floatbox class is inherited by the link in the caption div and is thereby instructed to open as a floatbox.

To keep the link as just a standard navigation link, do not assign the floatbox class, either directly or inherited. Alternatively, you could override inheritance by placing class="nofloatbox" on that specific link.

Page: 1