Как запустить одну анимацию на swiper.js листая вперед, а листая назад другую?

Question

[freeman0204]

Есть 2 простых анимации, вылет блока справа и вылет блока слева, на css, для них есть классы l_to_r и r_to_l. Как сделать так что бы листая вперед слайдер, добавлялся класс r_to_l, а листая назад l_to_r?

var galleryTop = new Swiper('.gallery-top', {
		mousewheelControl: true,
		simulateTouch: false,
		speed: 400,
		effect: 'fade',
		mousewheel: {
			releaseOnEdges: true,
		},
		pagination: {
			el: '.swiper-pagination',
			clickable: true,
		},
		on: {
			slideChangeTransitionStart: function () {
				if (this.activeIndex > 0) {
					$('.swiper-slide .anim').removeClass('l_to_r');
					$('.swiper-slide-active .anim').addClass('r_to_l');
				}
				if (this.activeIndex < 5) {
					$('.swiper-slide .anim').removeClass('r_to_l');
					$('.swiper-slide-active .anim').addClass('l_to_r');
				}
			},
		}
	});