Animated: false won't work

[Nimrod-666]

First of all congrats for the new release, it looks very cool so far!

A thing i discovered is that setting animations inactive won't work. I tried

Fancybox.bind("[data-lightbox]", {
    showClass: false,
    hideClasse: false
}

or

Fancybox.bind("[data-lightbox]", {
    animated: false
}

but both variants won't prevent fancybox to bring the slide and fade animation on showing images.

but both

[Nimrod-666]

Oh and i tried

Fancybox.bind("[data-lightbox]", {
    options: {animated: false}
}

but that did not work either

[fancyapps]

Hi,

First, all your snippets have syntax error - missing closing ) and you have used hideClasse instead of hideClass.

Secondly, are you sure you have used data-lightbox and not data-fancybox attributes on your links?

Here is working demo of all animations disabled - https://fancyapps.com/playground/gS

Thanks for the feedback!

[Nimrod-666]

Hi yes sorry i wrote the snippets from memory, the closing ) is there and yes its data-lightbox by my side. The windows opens normally and everything works so far. But your example helped. The

Image : {
   zoom: false
}

was missing. I thought that animation: false alone would do the trick. Thank you!

[fancyapps]

It is actually pretty straightforward -

• Zoom in/out animations are provided by Image plugin and you can toggle them using zoom option.
• If zoom animations are disabled, then content (e.g. image in this case) is revealed/hidden just like any other content - using CSS animations, and you can customize them using showClass and hideClass options. Btw, you can easily create your own animations as seen here - https://fancyapps.com/playground/gd
• To provide even greater customization, animation option is provided to toggle animations (fade in/out by default) for backdrop and UI elements. That means, you can display content without any animation, but have nice fading of the backdrop. Or you can disable and then Fancybox will just appear without any animation.