How to hide the image title

Page: 1

Author Post
Member
Registered: Oct 2012
Posts: 19
I use floatbox just like your Thumbnail cycle example.

This works OK.

But I want to hide (= not show) the image title (zion valley, the courthouse,...) in the floatbox gallery.

I look at your options reference, but couldn't find the appropriate option.

Regards.
Administrator
Registered: Aug 2008
Posts: 3382
It depends where the captions are being set. In the cycler example on the demo page here the captions are set to the file names with "caption:href". If I simply remove that caption assignment then there are no captions. If the captions are getting assigned through the "titleAsCaption" option, then setting titleAsCaption:false will do the trick.
Member
Registered: Mar 2009
Posts: 42
Location: UK
I've just upgraded (or am in the process of upgrading) from 4.02 to 6.02, and have found a few changes from what was needed to get various things to work properly in 4.02. But I can't find the solution to this:

I use fbCycler a lot for image-sequences and divs describing them below. I'm tearing my hair out because I like to put title="xxx" as well as alt="xxx" on my img's as Firefox which I use most, doesn't tooltip the alt tag like IE does, but it does tooltip the title tag.

I'm darned if I CAN'T get Floatbox's fbCycler to STOP putting the title string in as a caption underneath the combined image and description div. I have set titleAsCaption: false in the Global AND in the Page options but it's still there! :x

What am I doing wrong?
http://www.handlebarclub.co.uk/indexf.php
Administrator
Registered: Aug 2008
Posts: 3382
Two problems:

1. titleAsCaption:false is broken as it applies to cycler sets. It is ignored. This will be fixed in the next release.

2. The structure of your cycler sets is wrong. In particular, you have <p>, <strong> and <div> elements inside your set that contain text that I assume is intended to be the captions or titles for the cycling images. That text belongs in <span> elements. If you move your desired caption content into <span> elements it will get used and titleAsCaption will become irrelevant, whether it is working or not.
« Last edit by admin on Thu Nov 21, 2013 4:31 am. »
Member
Registered: Mar 2009
Posts: 42
Location: UK
I've had some success with converting my styled divs and paras that were my captions into just a styled span instead, and applying some of their original parameters to the image-containing div instead.

However, a slight problem still remains in that to make my caption-space background color appear again (in another different set of cyclers that has captions of white text on a green background), I've colored the background of each cycler set image-containing div, which does the trick but makes the fbCycler dissolve untidily through that background color from one picture to the next, instead of smoothly from one image to the next.

How would you recommend coloring and styling the caption-space appearance, if one doesn't want the floatbox default styling of none, and bearing in mind that a <span> isn't a block element?

Maybe you'll say, don't style it at all; that's too old-fashioned... ;)

Dave
Administrator
Registered: Aug 2008
Posts: 3382
How about putting the desired background color on the main div - the one with the fbCycler class?
Member
Registered: Mar 2009
Posts: 42
Location: UK
Yes!!
After a bit of juggling and inspection with Firebug to see how high the fcCycler div that was being calculated by Floatbox should actually be, and adding that to its style so that the caption area of the very first <img.. div in the set is included, which it wasn't otherwise, it's perfect!

So now I have (FYI only):

<div class="fbCycler floatbox" style="background:#1D7931;height:275px;">
<div class="roundb"><a href="images/........jpg" data-fb-options="captionPos:bc caption:`....` caption2:`....` group:wbbmc13"><img src=".......jpg" alt="...." title="...." width="340" /></a><span style="font-size:8pt; font-family: arial, helvetica, sans-serif; font-weight:bold; text-align:center; color: #FFFFFF;">.... - Click to Enlarge<br />1st...<br />2nd... - 3rd....</span>
</div>
etc...

No divs, strongs or p's now inside the cycler divs except the span styling now! I guess now I can set up a class for the caption span that will add to the Cycler's definition of it to neaten up the page and get rid of the inline style?

Thanks, as ever, for your continued interest and superb support.
Dave

Page: 1