Loop: true not working when slidesPerView and slidesPerColumn set

See original GitHub issue

It appears others ran into this same issue last year https://github.com/nolimits4web/Swiper/issues/1922 though looks like it was closed. One person mentioned adding:

setTimeout(function(){
    mySwiper.update(true);
    mySwiper.slideTo(0, 0)
}, 100);

to fix the issue. I’m not sure where to add that as I added to here and caused things to break.

var mySwiper = new Swiper ('#my-swiper', {
  slidesPerView: 3,
  slidesPerColumn: 2,
  spaceBetween: 30,
  speed: 2000,
  loop: true,
setTimeout(function(){
    mySwiper.update(true);
    mySwiper.slideTo(0, 0)
}, 100);
  autoplay: {
    delay: 1000,
    disableOnInteraction: false,
  },

Is there somewhere else it should be added or is there another fix, so that loop true works out of the box when using slides per view and slides per column? Thanks for any help anyone may have!

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:4
  • Comments:9 (1 by maintainers)

github_iconTop GitHub Comments

5reactions
stale[bot]commented, Aug 26, 2018

This issue has been automatically closed due to inactivity. If this issue is still actual, please, create the new one.

5reactions
nolimits4webcommented, Mar 22, 2018

slidesPerColumn doesn’t compatible with loop

Read more comments on GitHub >

github_iconTop Results From Across the Web

Swiper.js Loop: true not working when slidesPerView and ...
The developer has confirmed currently slidesPerColumn is not compatible with looping which is why it breaks. Hopefully this will be fixed ...
Read more >
Infinite loop with slidesPerView: auto, loopFix() issues
Adding Classes. In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template....
Read more >
true not working when slidesPerView and slidesPerColumn set
It appears others ran into this same issue last year https://github.com/nolimits4web/Swiper/issues/1922 though looks like it was closed.
Read more >
CHANGELOG.md · 啊嘞嘞/swiper - Gitee.com
... container like before); slidesPerColumn now can be used with breakpoints ... less than slidesPerView * slidesPerColumn with slidesPerColumnFill: 'row' ...
Read more >
View Raw - UNPKG
spaceBetween?: number; /** * Number of slides per view (slides visible at the same time on ... Not intended to be used loop...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found