我已经能够设置一个可以按类别过滤的照片库。单击照片时,会启动fancyBox灯箱,该灯箱仅循环过滤后的结果。
我想要做的是用RoyalSlider替换fancyBox中的幻灯片,因为它更加可配置,并且转换要好得多。我试图用ColorBox托管RoyalSlider设置示例,但它似乎不允许我传递过滤结果,就像我到目前为止设置的那样。
这是我的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。
非常感谢任何帮助!