Slider with a little preview

slider

How can I create this type of slider which is half of the screen and should show a quick preview of the next and previous slides? If i manually set the height for a normal slider with images(instead of card) but I’m unaware of showing the preview.


  <ion-slides autoplay loop pager>

    <ion-slide style="background: url('assets/images/slide.png') no-repeat">
      <h2>Slide 1</h2>
    </ion-slide>

    <ion-slide style="background: url('assets/images/slide.png') no-repeat">
      <h2>Slide 2</h2>
    </ion-slide>

    <ion-slide style="background: url('assets/images/slide.png') no-repeat">
      <h2>Slide 3</h2>
    </ion-slide>

  </ion-slides>

Can someone help me? I’m working on ionic 3.9.

I know its very late to reply but it may help to someone.
you can handle this setting by ionic slideOptions directive & code in .ts :

slideOpts = {
    initialSlide: 1,
   slidesPerView: 1.5,
  };

May this help.