Пользовательская ошибка поворота карусели в JS / GSAP - PullRequest
Новая
       18

Пользовательская ошибка поворота карусели в JS / GSAP

0 голосов
/ 14 марта 2019

Я создал специальную карусель, которая отлично работает в прямом и обратном направлении, если только вы не нажмете стрелку влево быстро (до того, как ползунок полностью повернется).Тогда порядок остается правильным, однако похоже, что изображение идет справа, а не слева.В моей предыдущей функции Polaroid () нет ничего, что сообщало бы карусели о перемещении чего-либо справа налево, и я в растерянности.Любая помощь будет оценена!

https://codepen.io/ccogswell/pen/Ygrzrv

function previousPolaroid() {
    TweenMax.to($polaroidSlide.eq(currentSlide), 1, {left:"60%", opacity:0.5, scale:0.5});
    var prevSlide = currentSlide;
    if (currentSlide > 0) {
      currentSlide--;
    }
    else {
      currentSlide = $polaroidSlide.length - 1;
    };
    if (currentSlide > 0) {
      var followingSlide = currentSlide - 1;
    }
    else {
      followingSlide = $polaroidSlide.length - 1;
    }


    if ($polaroidSlide.length > 3) {
        if (currentSlide == 0) {
            var left = $polaroidSlide.length - 1;
        }
        else {
            left = currentSlide - 1;
        }
        if (currentSlide == $polaroidSlide.length - 1) {
            var right = 0;
        }
        else {
            right = currentSlide + 1;
        }
        var range = [];
        for (i = 0; i < $polaroidSlide.length; i++) {
            range.push(i);
        }

        for (i = 0; i < range.length; i++) {
            if ((range[i] != left) && (range[i] != right) && (range[i] != currentSlide)) {
                TweenMax.set($polaroidSlide[i], {opacity:0, scale:0});
            }
        }
    }

    TweenMax.fromTo($polaroidSlide.eq(followingSlide),1, {left:"-100%", opacity:0,scale:0}, {left:"-60%", opacity:0.5,scale:0.5});
    TweenMax.fromTo($polaroidSlide.eq(currentSlide), 1, {left: "-60%", opacity:0.5, scale:0.5}, {left:"0px", opacity:1, scale:1});
  }
...