fantasy box. How to configure for all site image collections?

Question

JavaScript

There is a site on Bitrix.
This site has a section with materials.
Each material has its own page with its own collection of images.
Please tell me the solution of how you can set up this plugin (FancyBox) in one place so that all collections on all pages are displayed correctly (pop-up modal window with the original image on click)

Probably, as an option, wrap each collection in a block with a certain class and process all these blocks with a script

Answer 1

$('.link-fancybox').fancybox();
`.link-fancybox` - put this class on each link in the gallery and you will be happy. These links are still automatically generated for you.