Я видел некоторые вопросы, которые касаются подобных проблем, но ни одно из исправлений, похоже, не работает для моей ситуации. По сути, у меня есть несколько галерей fancybox на одной странице по всему сайту, и когда кто-то нажимает на одно слайд-шоу на сайте, он переходит от одной галереи к другой. Я хочу, чтобы экземпляры galleries / fancybox оставались отделенными друг от друга. В основном мне нужно "отн» категории, чтобы галереи были разделены и не сливались друг с другом. Любая помощь очень ценится, яЯ попробовал несколько вещей, но ничего не получается.

Вот'единственный дополнительный Javascript IМы добавили кнопки социальных сетей:

$(function(){
    $(".fancybox")
        .attr('rel', 'gallery')
        .fancybox({
            beforeShow: function () {
                if (this.title) {
                    // New line
                    this.title += '<br>';

                    // Add tweet button
                    this.title += '<a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-url="' + " http:="" drewalbinson.com="" "="" +="" '"="">Tweet</a> ';

                    // Add FaceBook like button
                    this.title += '';
                }
            },
            afterShow: function() {
                // Render tweet button
                twttr.widgets.load();
            },
            helpers : {
                title : {
                    type: 'inside'
                }
            }  
        });

    });

Вот упрощенная версия моего HTML:

<a href="g1_img1.png" class="fancybox" rel="gallery1" title="1 of 2">

<img src="g1_img1_small.png">

</a>

<a href="g1_img2.png" class="fancybox" rel="gallery1" title="2 of 2"></a>







<a href="g2_img1.png" class="fancybox" rel="gallery2" title="1 of 2">

<img src="g2_img1_small.png">

</a>

<a href="g2_img2.png" class="fancybox" rel="gallery2" title="2 of 2"></a>

Спасибо!