Sunday, 14 October 2018

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,
  },
}



from Continuous/constant autoplay speed with iDangerous Swiper

No comments:

Post a Comment