羽光画廊 Livefilter

Question

我有一个包含大量图像的画廊，因此用户可以按类别过滤图像。当用户隐藏类别（单击过滤器）然后单击图像以启动图库时，所有图像（甚至隐藏的图像）都会显示在显示中。

$('.gallery a').featherlightGallery({
  'type': 'image'
});

$('#toggle-group-a').click(function(){
   $('.group-a').toggle(); 
});

$('#toggle-group-b').click(function(){
   $('.group-b').toggle(); 
});

$('#toggle-group-c').click(function(){
   $('.group-c').toggle(); 
});

jsfiddle 中的独立示例：http://jsfiddle.net/xap78z34/6/

我该如何解决？

谢谢

Answer 1

将 featherlight 绑定到您的包装器 ('.gallery'?) 并使用 filter 选项（可能 a:visible）。

羽光画廊 Livefilter

Featherlight Gallery Livefilter

javascript

featherlight.js