Adding a class to popup

[vespino]

Is it possible to add classes to the image inside the popup that appears when clicking an image? Currently this image has the following classes:

• f-panzoom__content
• f-lazyload
• is-lazyloaded

I would like to add a couple of classes to be able to apply Bootstrap styling.

[fancyapps]

Hi,

Here is one possible way:

Fancybox.bind('[data-fancybox]', {
  on: {
    'Carousel.panzoom:initLayout': (_fancybox, _carousel, slide) => {
      slide.panzoomRef?.getContent()?.classList.add('myCustomClass')
    },
  },
})

https://jsbin.com/jocinuzoni/edit?html,output