Floatbox: The premier windowing system for web pages

Forum guidelines:

- Please read the docs first.

- The forum's search function can be very helpful.

- Give an online example of problems if you can.

- Try to behave.

Support & General Discussion » next and preview buttons

next and preview buttons

Page: 1

Author Post
Member
Registered: Mar 2010
Posts: 5
I can see the next and the preview buttons.

The code I had enter in my website is:

<a class="floatbox" href="images/4feira_de_mais/1IMG_0771.jpg" title="4ª feira de +"><img src="images/4feira_de_mais/1IMG_0771.jpg" border="0" width="120" height="120" hspace="20"/></a>

They desappear when I copied the code to put more photos in my website.

Thanks!
Administrator
Registered: Aug 2008
Posts: 1522
Do you mean that you can not see the next and previous buttons?

In order to see next and previous, you need to have two or more images grouped into a gallery set. To group images into a gallery set, add a common shared group string to the options on the links to those images. Like this: data-fb-options="group:xyz"
Member
Registered: Mar 2010
Posts: 5
Yes, sorry my misstake.

Thanks. That resolved the problem!
Member
Registered: Jun 2010
Posts: 7
Hi, I am having a different problem with the next and prev buttons.
I have the group string in the code but the next and prev images don't show on the image. The next and prev links do show at the bottom but not on the image?

This is the code: <a href="images/am-works/LW35055_02.jpg" class="floatbox" title="Preview image" data-fb-options="group:afv" caption2:`LW35055`><img src="images/am-works/LW35055_02.gif" alt="Am-Works" hspace="0" vspace="0" border="0" align="absmiddle" /></a>

Also how do you stop the images when the last images is shown? What I mean is when you have e.g. 8 of 8 images showing the next button doesn't show, only the prev?

Thanks for any advice
Cheers
Member
Registered: Jun 2010
Posts: 7
opps, fixed the code;
<a href="images/am-works/LW35055_02.jpg" class="floatbox" title="Preview image" data-fb-options="group:afv caption2:`LW35055`"><img src="images/am-works/LW35055_02.gif" alt="Am-Works" hspace="0" vspace="0" border="0" align="absmiddle" /></a>

But next-prev still no shows
Administrator
Registered: Aug 2008
Posts: 1522
These are behaviours controlled by floatbox options that are described in the options reference.

navType - 'overlay' | 'button' | 'both' | 'none'
showNavOverlay - 'always' | 'once' | 'never'
enableWrap - true | false

I'll leave it to you to dive into the options reference to read the description of those settings if they're not obvious from the above summary.

Cheers...
Member
Registered: Jun 2010
Posts: 7
Yes, the options are set as;
navType - 'both'
showNavOverlay - 'never'
enableWrap - true

I had checked those in the reference but still no luck with the next/prev showing over the image?

Cheers
Administrator
Registered: Aug 2008
Posts: 1522
Well, how do I put this diplomatically... ;)

If you want the overlay nav to show, don't set showNavOverlay to 'never'. Set it to 'once' or 'always', depending if you want it show only once or every time.

Similarly, if you don't want the gallery navigation to wrap, set enableWrap to false, not true.

Right?
Member
Registered: Jun 2010
Posts: 7
okay, thanks

Page: 1

Support & General Discussion » next and preview buttons

Floatbox Forum is powered by UseBB 1 Forum Software