Feature request: Fade Transition

[jurajkapsz]

Besides slide's move transition it would be great to have a fade transition option.

[loup-brun]

Hi! I see this is quite old, I'm not sure if it's going to be added to Swipe, since the library is kept very lightweight.

I have a working example here: https://photographie.loupbrun.ca/

It basically involves using an animation library (VelocityJS) to fade the slide on Swipe callback.

Using CSS transitions is tricky, because Swipe itself already uses CSS transitions to fade the library in-out.

My example

window.mySwipe = new Swipe(mySwipeElem, {
callback: function(index, elem, dir) {
  _resetImageOpacity(); // Make all slides fully transparent (`opacity: 0`)
  callback: function(index, elem, dir) {
    elem.querySelector('figure').style.opacity = '0';
    // Indicate that we changed slide
    changedSlide = true;
  },
  transitionEnd: function(index, elem) {
    _resetImageOpacity();
    // Make sure we only run the transition on slide change
    if (changedSlide) {
      velocity(elem.querySelector('figure'), {
        opacity: [1, 0]
      });
    }
    // Reset the `changedSlide` flag once transition is complete
    changedSlide = false;
  }
});

[jurajkapsz]

Hi, hm, looks great. Thanks for getting back to this and for the example. I'm still using Swipe wherever I can :), it's really great, and using VelocityJS is a nice solution.