Slight problem with image gallery index links

Page: 1

Author Post
Member
Registered: Sep 2013
Posts: 17
I wanted to do thumbnails in an image gallery, but have given up for the moment and resorted to just the numbered links.

There are two problems.

(1) The picture in picture on hover shows for the first image, but none of the others. I have pipIndexThumbs: true

(2) The next and prev overlay links go to the images within group:lilacs specified below instead of to the next image on the page that is in an overall div - data-fb-options="group:children".

Here is my code:

<a href="portraits-children/lilacs-big.jpg" class="floatbox"
data-fb-options="caption:`Private Collection`
caption2:`` "rev="numIndexLinks:2 group:lilacs">
<img src="portraits-children/lilacs2.jpg" width="90" height="90" hspace="24" border="0" alt="portrait"></a>

<a href="portraits-children/lilacs-detail.jpg" class="floatbox" rev="numIndexLinks:2 group:lilacs"></a>
« Last edit by cdaniel on Sun Jan 12, 2014 6:59 pm. »
Member
Registered: Sep 2013
Posts: 17
Forgot, you can see the actual page here, last row, 2nd image from right:

http://conibelleauadams.com/children.asp
Administrator
Registered: Aug 2008
Posts: 3382
The link to the second image (lilacs-detail.jpg) does not have a thumbnail. It is an empty and invisible link. Consequently, there is no thumbnail available to be shown in the second index link.

Gallery sets are formed by assigning shared group option strings to their members. In this case, you have assigned the string "lilacs" as the group option to two links on the page, including the 2nd image from the right on your test page, and so get a gallery set of those two images.

If a Floatbox option is assigned to a containing div and then also assigned in the options on a link inside that div, the options assigned directly to the link will override those found on the div.


Not directly related to your posting, but it's probably a good idea to clean up your options a little bit while you're poking around.

There's no reason to combine both a data-fb-options attribute and a rev attribute. They serve the same purpose. data-fb-options is valid HTML5 and rev is valid HTML4, but they both work in all browsers and all doc types. For cleanliness, pick one.

The HTML entities "<" and ">" need to be encoded as &lt; and &gt; when appearing in the attributes. Some browsers will interpret the closing bracket as closing the <a> attribute. Please see the Captions section of the Instructions for information about putting HTML code in Floatbox captions.

Page: 1