Непрерывная / постоянная скорость автовоспроизведения с iDangerous Swiper

Я хочу добиться постоянной / постоянной скорости при автоматическом воспроизведении слайдов. Это легко сделать, просто установив для CSS-функции перехода-времени .swiper-wrapper значение linear:

.swiper-wrapper
{
  transition-timing-function: linear;
}

А в Internet Explorer Edge 41.16299.611.0 анимация тормозит даже на быстрых компьютерах? Есть ли исправление для IE? Или, может быть, есть другая возможность добиться не ускоряющегося автовоспроизведения с iDangerous Swiper?

Здесь я сделал небольшой код: https://codepen.io/anon/pen/gdOGNw

Я использовал следующую конфигурацию Swiper:

{
  slidesPerView: 'auto',
  spaceBetween: 0,
  loop: true,
  speed: 5000,
  autoplay: {
    delay: 0,
    disableOnInteraction: false,
  },
}

person Torben    schedule 21.08.2018    source источник
comment
Он отлично работает, если вы установите slidesPerView на значение больше 5   -  person evgeni fotia    schedule 13.10.2018
comment
Хорошая идея! Пришлось установить более высокое значение, чтобы получилось гладко. Это зависит от ширины дисплея.   -  person Torben    schedule 15.10.2018


Ответы (1)


Владелец этой библиотеки считает Internet Explorer не "современным" (потому что он не полностью поддерживает синтаксис ES6). Я цитирую:

Swiper не совместим со всеми платформами, это современный сенсорный слайдер, ориентированный только на современные приложения / платформы, чтобы обеспечить максимальное удобство и простоту.

Кроме того, он заявляет:

Модуль Swiper ES должен быть перенесен с синтаксисом Babel или Buble в ES5.

Итак, если вы хотите использовать библиотеку в браузере, который не поддерживает ES6, вам необходимо перенести ее на ES5.

person tao    schedule 13.10.2018
comment
Вы пробовали? Пытался транспилировать с помощью babel, но у меня возникла ошибка ReferenceError: Swiper не определен? - person Torben; 15.10.2018