Changing the caption attribute combines multiple galleries on a webpage into one gallery

[Saul Baizman]

Hi there,

I'm using fancybox 2.1.4.

Following the instructions on the page below (linked to from http://fancyapps.com/fancybox/#useful):

 http://jsfiddle.net/vkDcG/

I changed the caption attribute from 'title' to 'caption.' However, when I have multiple galleries on a single webpage, for some reason all of the elements in the galleries are lumped together into one mega gallery.

Here's an example:

  http://jsfiddle.net/vkDcG/1006/

There are clearly two galleries on the page ('1' and '2').

When you click on an image and browse the set, there should be two sets of 2 images. Instead, there's 1 set of 4 images.

While I'm not asking anyone to outright solve/fix this issue, can someone point me in a direction as to where to begin debugging the problem?

Thank you.

-Saul

[JFK]

Yes, every gallery has its own rel attribute, however if your do this

$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
        beforeLoad: function() {
            this.title = $(this.element).attr('caption');
        }
    });

that will override the rel attribute for all the links with class fancybox.

Just change remove the part `.attr('rel', 'gallery')` like

$(".fancybox")
    .fancybox({
        beforeLoad: function() {
            this.title = $(this.element).attr('caption');
        }
    });

and it will work as expected

[Saul Baizman]

Thanks for your response. It worked like a charm! Time to seriously invest in some jquery tutorials...