1

我已经能够设置一个可以按类别过滤的照片库。当点击一张照片时，它会启动一个 fancyBox 灯箱，它只循环过滤的结果。

我想做的是用 RoyalSlider 替换 fancyBox 中的幻灯片，因为它更易于配置并且转换效果更好。我曾尝试使用托管 RoyalSlider 的 ColorBox 设置示例，但它似乎不允许我像迄今为止设置的那样通过过滤结果。

这是我的 jsfiddle 的链接，其中包含我到目前为止所做的工作，尝试使用过滤器按钮，您会看到幻灯片仅循环显示过滤后的结果：

http://jsfiddle.net/lalush/G448F/embedded/result/

这是我用来过滤结果的代码。有什么方法可以翻译这个让 RoyalSlider 识别过滤的结果？

// filter items when filter link is clicked
    $('#filters a').on("click", function () {
        var selector = $(this).attr('data-filter');
        $('#container').isotope({
            filter: selector
        }, function () {
            if (selector == "*") {
                $(".fancybox").attr("data-fancybox-group", "gallery");
            } else {
                $(selector).find(".fancybox").attr("data-fancybox-group", selector);
            }
        });
        return false;
    });
});

我可以使用 RoyalSlider 显示过滤结果吗？我不太擅长 javascript，但到目前为止，我已经设法从我找到的示例中配置了这个画廊。我一直找不到任何使用 fancyBox 来托管 RoyalSlider 的示例，尽管据说它能够在 RoyalSlider 的功能中与 ColorBox 和 fancyBox 一起使用。

任何帮助是极大的赞赏！

4

0 回答 0