Есть ли способ ускорить пейджинговые точки на слайдере AMP-Карусель во время слайд-перехода? - PullRequest
Новая
       23

Есть ли способ ускорить пейджинговые точки на слайдере AMP-Карусель во время слайд-перехода?

1 голос
/ 16 января 2020

У меня есть карусель усилителей с точками, которые работают хорошо, но когда я переключаю слайды, чтобы изменить слайды, точка в нижней части слайд-шоу не изменится на новый активный слайд, пока анимация перехода слайда не будет завершена, из-за чего она появится иметь задержку около полной секунды.

Слайд-шоу определяется с помощью: 

<amp-carousel type="slides" layout="responsive" width="16" height="9" data-amp-bind-slide="selectedSlide" on="slideChange:AMP.setState({selectedSlide: event.index})" autoplay loop>
< SLIDES HERE >
</amp-carousel>

, затем точки определяются с помощью: 

<amp-state id="cmidotstate"><script type="application/json">
    { "cmidots.0": 'selected' }
  </script></amp-state><amp-carousel id="cmidots" controls width="400" height="100"><div data-amp-bind-class="selectedSlide == 0 ? 'selected' : ''" on="tap:AMP.setState({selectedSlide: 0})" role="button" tabindex="0" class="selected"></div>
            <div data-amp-bind-class="selectedSlide == 1 ? 'selected' : ''" on="tap:AMP.setState({selectedSlide: 1})" role="button" tabindex="1"></div>
            <div data-amp-bind-class="selectedSlide == 2 ? 'selected' : ''" on="tap:AMP.setState({selectedSlide: 2})" role="button" tabindex="2"></div>
            <div data-amp-bind-class="selectedSlide == 3 ? 'selected' : ''" on="tap:AMP.setState({selectedSlide: 3})" role="button" tabindex="3"></div>
            <div data-amp-bind-class="selectedSlide == 4 ? 'selected' : ''" on="tap:AMP.setState({selectedSlide: 4})" role="button" tabindex="4"></div>
            <div data-amp-bind-class="selectedSlide == 5 ? 'selected' : ''" on="tap:AMP.setState({selectedSlide: 5})" role="button" tabindex="5"></div>
            <div data-amp-bind-class="selectedSlide == 6 ? 'selected' : ''" on="tap:AMP.setState({selectedSlide: 6})" role="button" tabindex="6"></div>
            <div data-amp-bind-class="selectedSlide == 7 ? 'selected' : ''" on="tap:AMP.setState({selectedSlide: 7})" role="button" tabindex="7"></div>
            <div data-amp-bind-class="selectedSlide == 8 ? 'selected' : ''" on="tap:AMP.setState({selectedSlide: 8})" role="button" tabindex="8"></div>
            <div data-amp-bind-class="selectedSlide == 9 ? 'selected' : ''" on="tap:AMP.setState({selectedSlide: 9})" role="button" tabindex="9"></div>
          </amp-carousel>

Итак, Сдвиг стиля изображения на кнопках происходит, когда состояние соответствующего слайда становится «выбранным»

Стиль на точках имеет очень быстрый переход (0,01 с), так что это не скорость анимации, удерживающая вещи.

Есть ли способ вызвать изменение стиля в начале действия swype или перехода в автоматическом режиме, в отличие от конца, чтобы слайды могли переходить немного плавнее с точками пейджера?

1 Ответ

0 голосов
/ 21 января 2020

У меня работает с 0.2, но значок пейджера по-прежнему исчезает после того, как слайд закончил переход, а не одновременно со сменой слайдов.

...