Featherlight Gallery Livefilter
Featherlight Gallery Livefilter
我有一个画廊,里面有大量的图像,所以用户可以按类别过滤图像。当用户隐藏一个类别(点击过滤器),然后点击图像启动图库时,所有图像(甚至是隐藏的图像)都会显示在diashow中。
$('.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/
我该怎么解决?
感谢
将羽灯绑定到包装器('.gallery'
?)并使用filter
选项(可能是a:visible
)。
相关文章:
- Gallery按钮未更新为要关联的当前图像
- Use an external .jpg image in a gallery modal based on CSS &
- AngularJS Image Gallery redirect
- CSS HTML gallery 对键盘做出反应
- jquery gallery 不能完全工作
- 在一个模式AjAX编码器中显示不同的Gallery
- 如何只在某些页面上显示NextGEN Gallery插件的js
- blueimp Gallery JS初始化失败
- Javascript Image Gallery
- $(this) 不适用于 Flickr Gallery
- Javascript Image Gallery with Image Manipulation
- Flickity gallery - 如何循环浏览一次然后停止自动播放
- Gallery fade out & in via jQuery
- 如何在 Justified Gallery 中通过 API 显示 Flickr 图像
- 将 Blueimp Gallery 与 HTML 和 Bootstrap 集成时遇到麻烦
- Javascript Image Gallery with Array
- Susy gallery with AngularJS (ng-repeat) - 不填补 ng-hide 的空白
- Javascript Simple Gallery (No JQuery)
- jQuery Gallery,单击页面更改后未触发的事件
- Featherlight Gallery Livefilter