CODEWITHSUNDEEP
javascriptcssswiper.js
Torben
Torben

Reputation: 549

Continuous/constant autoplay speed with iDangerous Swiper

I want to achieve a continuous/constant speed while autoplaying through the slides. It is easy by just setting the CSS transition-timing-function of .swiper-wrapper to linear:

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

But in Internet Explorer Edge 41.16299.611.0 the animation stutters even on fast computers? Is there a fix for IE? Or maybe there is an other possibility to achieve an not accelerating autoplay with iDangerous Swiper?

Here I made a little codepen: https://codepen.io/anon/pen/gdOGNw

I used following Swiper configuration:

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

Upvotes: 4

Views: 9284

Answers (1)

tao
tao

Reputation: 90078

The owner of this library thinks Internet Explorer is not "modern" (because it doesn't fully support ES6 syntax). I qoute:

Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.

Furthermore, he states:

Swiper ES module should be transpiled with Babel or Buble to ES5 syntax.

So, if you want to use the library in a browser that doesn't support ES6, you need to transpile it to ES5.

Upvotes: 1

Related Questions