Next.js Discord

Discord Forum

Swiper not applying css class on initial loading

Unanswered
New Guinea Freshwater Crocodile posted this in #help-forum
Open in Discord
New Guinea Freshwater CrocodileOP
Hello, I am using Swiper version 14.1.0 and I am encountering an issue with the Swiper library. Specifically, I have created a Swiper with the coverflow effect, but the problem is that the coverflow effect is not applied until a few seconds later.

Initially, I suspected that the issue might be related to prefetching data, but even when using hard-coded values, the problem persists.

I submitted an issue on the Swiper GitHub page, but unfortunately, I haven't received any response yet. Here is the link to the issue: https://github.com/nolimits4web/swiper/issues/7420

I have also included a short video in the link below, which demonstrates the problem: https://streamable.com/e08hl8

I attempted to resolve the problem by moving the Swiper CSS files to both the page-specific and global CSS files, but this did not resolve the issue.

Despite searching extensively online, I have been unable to find a solution. However, I find it unlikely that nobody has encountered and resolved this issue before.

0 Replies