Я использую Bootstrap 4 с этим замечательным маленьким лайтбоксом - http://ashleydw.github.io/lightbox/#image-gallery
Я фильтрую изображения с помощью jQuery. Фильтр просто показывает / скрывает изображения с соответствующим именем класса.
После фильтрации я динамически обновляю атрибут data-gallery, поэтому в галерее лайтбокса доступны только те отфильтрованные изображения, которые можно просмотреть.
Вот мой сайт разработки - http://damansv2.woodberry.me.uk/gallery/ex-display/
Кажется, это работает нормально, но есть сбой, который удаляет способность перейти к следующей / предыдущей странице галереи. Я предполагаю, что это потому, что атрибут галереи данных изменяется динамически?
Чтобы повторить глюк, попробуйте следующее: -
- Перейти к http://damansv2.woodberry.me.uk/gallery/ex-display/
- Нажмите фильтр «кухни», затем щелкните первое изображение, и галерея позволит вам корректно пролистать 4 назад отфильтрованные изображения. Закрыть лайтбокс.
- Нажмите фильтр «ванные комнаты», затем щелкните первое изображение, и галерея позволит вам корректно пролистывать вперед / назад 4 отфильтрованных изображения. Закрыть лайтбокс.
- Нажмите фильтр «все», затем щелкните первое изображение. Вы не можете пролистать?
Есть идеи, что я могу сделать, чтобы это исправить?
Заранее большое спасибо.