Как в fancybox 4 (5) сгруппировать галерею с миниатюрами?

Question

[William]

Нужно, чтобы при открытии изображения миниатюры подтягивались только из родительского элемента с классом item-gallery, при этом не задавая уникальный data атрибут для каждой галереи с биндом.

Answer 1

[0xD34F]

Существует версия метода bind, позволяющая ограничить действие селектора определённым контейнером. Так что получаем элементы .item-gallery, и вызываем bind для каждого из них отдельно:

document.querySelectorAll('.item-gallery').forEach(n => {
  Fancybox.bind(n, '[data-fancybox="single"]', {});
});