Slides - show a bit of the next slide

#1

Is there a way to show multiple slides at once while showing a portion of the next slide?
slidesPerView=“2” shows 2 slides but no hint that there is a another slide, other than using the pager.
I tried 2.5 on a wild chance but no luck.

#2

Hey, perhaps try enabling Auto Slides Per View - this should allow you to control the slide width using CSS and show a hint of the other slides if you wanted to.

#3

Hey, that didn’t quite work for me but this did:

<ion-slides pager spaceBetween="40" slidesPerView="2">
</ion-slides>

ion-slide {
    width: 40%!important;
}

So thanks Dan for pointing me in the right direction.

3 Likes
#4

After wrestling with this issue, I found a pretty straightforward solution that seems to work.

<ion-slides spaceBetween="-18">

Obviously, adjust the number to match your specific needs.

3 Likes
#5

awesome solution … worked for me

#6

spaceBetween =“2.5” worked to me

1 Like