Animated: false won't work about ui HOT 4 CLOSED

Oh and i tried

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

but that did not work either

from ui.

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!

from ui.

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!

from ui.

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.

from ui.