Как реализовать данную галерею с сортировкой?

Question

[a_shchapina]

Подскажите, пожалуйста, как лучше сделать данную сортировку изображений: подключить плагин или сделать кнопки, галерею и с помощью jQuery сделать сортировку? Если кто-то подскажет, как это осуществить на jQuery, буду премного благодарна.

Comments

[yarovikov]

Вряд ли здесь обычная сортировка из примеров ниже. Скорее всего, это ajax фильтрация с рабочими урлами.

[a_shchapina]

yarovikov, поскольку это макет не рабочий, рабочих урлов нет, делаю просто с раскрытием полного изображения

[yarovikov]

a_shchapina, а заказчик не писал в требованиях, чтобы можно было поделиться результатом сортировки, то бишь ссылкой? )

[a_shchapina]

yarovikov, делаю макет для своего опыта, так что ссылки отправлять никому не нужно)

[Владимир Проскурин]

yarovikov, если есть вкладка all, если она активна по умолчанию, и если нет пагинации - то 100% это не ajax, т.к. нет смысла, у нас все статьи уже загружены (т.к. вкладка all по умолчанию стоит).

[yarovikov]

Владимир Проскурин, мы же не знаем. вдруг там load more )

Answer 1

[Владимир Проскурин]

Ищите в поисковике по запросу
jquery filter portfolio gallery
и получаете куча отличных примеров.
https://codepen.io/creotip/pen/dfjeF
https://codepen.io/pramodkumarboda/pen/XdgxmQ

а также, нарветесь на саму библиотечку https://isotope.metafizzy.co/

Comments

[a_shchapina]

Спасибо!

Answer 2

[Никита Юдин]

Вот готовое решение:
https://vestride.github.io/Shuffle/

Answer 3

[hesrun]

https://www.kunkalabs.com/mixitup/ не благодарите