Как правильно сделать такую фильтрацию для слайдера?

Question

[Егор Лавренов]

Есть вот такой слайдер, как правильно реализовать фильтрацию слайдов?

Буду очень благодарен за предложения)

Comments

[ой всё]

а что за фильтрация имеется ввиду?

Answer 1

[Justique]

Вам подойдёт плагин Isotope

Comments

[Егор Лавренов]

А чем именно поможет этот плагин?

Answer 2

[Shemil]

Вещаем обработчик на список(ul), а также ставим атрибуты для ссылок. Проверяем клики по атрибутам. А для фото создаем массив объектов

const allImages = [{img: 'userImage.jpg', filter: 'фото салона'}, и т.д.]

Дальше фильтрация, я думаю, вы сможете реализовать

Comments

[Егор Лавренов]

Проблема в том, что слайдер (slick , owlCarousel), клонирует элементы, поэтому при клике на ссылку, если я скрываю через display:none; , то это не работает как нужно