Custom animation on slide (image transitions) apart from slide

I’m trying to add 3 different types of animation for the image slide animation.

In the source I see that your setting a transition style can this be modified to achieve fade, zoom or any other animation transition on image slide?

   this.setState({
      previousIndex: currentIndex,
      currentIndex: nextIndex,
      offsetPercentage: 0,
      style: {
        transition: `transform ${this.props.slideDuration}ms fade-in`
      }
    });

[xiaolin]

@solancer I’ve adjusted the transition property to be applied to all transitions in v0.7.15

   this.setState({
      previousIndex: currentIndex,
      currentIndex: nextIndex,
      offsetPercentage: 0,
      style: {
        transition: `all ${this.props.slideDuration}ms ease-out`
      }
    });

This way you can override the css classes and all transitions will take affect.

e.g. overriding the following css will allow you to add the fade affect

.image-gallery-slide {
  opacity: 0;
}
.image-gallery-slide.center {
  opacity: 1;
}

[xiaolin]

@nishtacular you can adjust the transition to only transition on opacity removing the transform transition.

.image-gallery-slide {
  opacity: 0;
  transition: opacity 450ms ease-out !important;
}

This will remove the slide effect, and give you the fadeIn transition you want.