Customizing Options for "group:demo1" (Color, etc)

Page: 1

Author Post
Member
Registered: Jan 2015
Posts: 2
Hi All,

I was looking to adjust some of the features for the floatbox and wasn't sure where to plug in the modifications in my code or if these adjustments can be made with Group demo1.

Mainly looking to get rid of round corners and borders. How do I set up the options for this? I tried to copy the lavish options settings between the script tags and then adjust the class tag names, etc. But it didn't work...

Also, I'd also like to make the floatbox for several selected thumbnails to be able to cycle when the box is up.. Is the possible?

Thanks in advance!
Member
Registered: Jan 2015
Posts: 2
I figured out the customization...

But now would like to set up a slideshow with clicking multiple thumbnails-- and the first image would start with the thumbnail selected.

Is there a way to do this? Thanks again!
Administrator
Registered: Aug 2008
Posts: 3382
For the first question, the documentation is your friend - including the Options Reference which describes all the appearance and behaviour settings available. It sounds like you found this document while awaiting a reply.

For the second question, you can have a series of thumbnails all start a gallery set or slideshow at the first set member through judicious use of empty links and Floatbox's showThis option.

An illustrative example...
<div class="floatbox" rev="group:1 endAt:thumb1">

<a href="image1.jpg"><img id="thumb1" src="thumb1.jpg" /></a>
<a href="image1.jpg" rev="showThis:false"><img src="thumb2.jpg" /></a>
<a href="image1.jpg" rev="showThis:false"><img src="thumb3.jpg" /></a>

<a href="image2.jpg"></a>
<a href="image3.jpg"></a>

</div>

I've used "rev" attributes because it is less typing. They are exactly equivalent to "data-fb-options" attributes.

The <div> defines each link inside it as being a floatbox item and a member of the group "1" gallery set. The endAt option defines where the floatbox will zoom out to when it is closed. It is set to the id that is assigned to the first thumbnail img.

The first three <a> elements in that div all have clickable thumbnails shown on the page. The first one in that grouping is "normal". The second and third have showThis:false so they won't become a gallery set member. The href on those two matches the first gallery set member and is a hint for Floatbox as to what set member to show when the thumbnail is clicked.

The last two <a> elements are the actual second and third gallery set members but they don't have anything clickable displayed on the page.

Summary:

Set showThis:false to have clickable page content that initiates a floatbox but does not become a member of the gallery set shown in that floatbox.

Use empty links (nothing between the <a> and </a> tags) to add members to a grouped gallery set without displaying anything clickable on the page for those links.

Page: 1