Ionic Slides Tutorial

Learn how to display Slide/carousel in ionic with step by step tutorial.

Download Source code:

home.page.html

<ion-content>
    <ion-slides pager="true">
        <ion-slide>
            <img src="http://placehold.it/120x120" />
            <h3>Welcome</h3>
            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. </p>
        </ion-slide>
        <ion-slide>
            <img src="http://placehold.it/120x120" />
            <h3>Slice 2</h3>
            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. </p>
        </ion-slide>
        <ion-slide>
            <img src="http://placehold.it/120x120" />
            <h3>Slice 3</h3>
            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. </p>
            <ion-button>Getting Started</ion-button>
        </ion-slide>
    </ion-slides>
</ion-content>