Fade transition gallery

Question

In this new example page the image gallery has a moving transition coming from up. I would like to have a simple fade effect between images but I don't know where and what to change in the code. Can anyone help?

Thanks

Answer 1

I wouldn't advise to mess with the original fancybox js file. You can always use your own custom fancybox script to override the default settings.

For the fade effect you want to have transitioning between gallery elements you can use:

$(document).ready(function() {
 $(".fancybox-button").fancybox({
  openEffect: 'fade',
  prevEffect: 'fade',
  nextEffect: 'fade'
 });
});