Slidebox as carousel - Can't make it autoscroll


#1

I followed the path from this post - SlideBox Images Carousel
had some success. But the issue is - it stops after first slide and never goes to next one. Here is my html (which is essentially copy of existing example):

<slide-box  does-continue="true" slide-interval="500" disable-scroll="false" on-slide-changed="slideChanged(index)">

    <!-- first slide -->
    <slide>
        <h3>Thank you for choosing the Awesome App!</h3>
        <div id="logo">
            <img src="http://code.ionicframework.com/assets/img/app_icon.png">
        </div>
        <p>
            We've worked super hard to make you happy.
        </p>
        <p>
            But if you are angry, too bad.
        </p>
    </slide>

    <!-- second slide -->
    <slide>
        <h3>Using Awesome</h3>

        <div id="list">
            <h5>Just three steps:</h5>
            <ol>
                <li>Be awesome</li>
                <li>Stay awesome</li>
                <li>There is no step 3</li>
            </ol>
        </div>
    </slide>

    <!-- third slide -->
    <slide>
        <h3>Any questions?</h3>
        <p>
            Too bad!
        </p>
    </slide>
</slide-box>

Wondering what am I doing wrong here ?
Thanks in advance for any help …


#2

Would you mind setting up a Codepen or Plunkr with your code? It will be easier for us to test so we can help you.


#3

Its an angular app - and I never did any plunkr or codepen before … so let me check:)


#4

Hey I’m pretty sure this is a bug, opened a new issue here: https://github.com/driftyco/ionic/issues/575.