Fancybox Zoom buttons?

[wlsquid]

I can see in the docs that there are zoom buttons for panzoom but I was wondering if these zoom controls could be put on fancybox (like those on panzoom) as well?

If not there is way to call the zoom functions through custom buttons for fancybox?

[fancyapps]

Hi,

This way you can access the current slide and the Panzoom instance created by the image plugin -

Fancybox.getInstance().getSlide().Panzoom

You can then call any Panzoom method (zoomIn()/zoomOut()/toggleZoom()), example:

Fancybox.getInstance().getSlide().Panzoom.toggleZoom();

Those buttons are created by Controls plugin of the Panzoom and it is not included by default. Simply include appropriate CSS and JS files and then register the plugin -

Panzoom.Plugins = {
  Controls,
};

Demo - https://fancyapps.com/playground/zY

But I think you might better want to add zoom in/out buttons in the toolbar, see this demo - https://fancyapps.com/playground/zZ

[wlsquid]

Hi,

Thanks for the reply. This helps a lot. Will give these a go.