Swiper: Autoplay not working with fade effect

Created on 15 Jun 2020 · 3Comments · Source: nolimits4web/swiper

This is a (multiple allowed):

[x] bug
[ ] enhancement
[ ] feature-discussion (RFC)

Swiper Version: 5.4.3
Platform/Target and Browser Versions: Firefox, Chrome with Windows.

What you did

Autoplay works when i use some other effect, like flip, cube, etc
Code: var Swiper = require('swiper');
$('.fss').each(function(){
window.fss = new Swiper.default($(this), {
effect: 'fade',
fadeEffect: {
crossFade: false,
},
direction: 'horizontal',
loop: true,
speed: 500,
autoplay: true,
keyboard:
{
enabled: true,
onlyInViewport: false,
},
autoplayDisableOnInteraction: false,
slidesPerView: 1,
spaceBetween: 0,
mousewheel: false,
});
});

Expected Behavior

What I hope is that I do an autoplay with the fade effect.

Actual Behavior

The application starts, appearce the first slide, then swipe to the next slide but there it stops and stays.

stale

Source

nicolebo

👍2

Most helpful comment

Running into this issue with v5.4.1 as well.

Edit: I resolved this issue with the answer in #3408

Splode on 18 Jun 2020

👍2 🚀1

All 3 comments

Running into this issue with v5.4.1 as well.

Edit: I resolved this issue with the answer in #3408

Splode on 18 Jun 2020

👍2 🚀1

I had to hack a fix as well. It seems .swiper-slide-active is not applying opacity: 1. I added this to my stylesheet manually and fade now works.

nfq on 25 Aug 2020

👍1

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.