Slider jump in sequence about sequence HOT 4 CLOSED

Hi, the behaviour you describe is expected and works in the basic slider for example.

When navigating back to step 2 from step 3, Sequence very briefly adds the animate-out class to step 2 to reset it, then swaps that class for animate-in so it comes in from the left.

Something in your CSS is breaking this process. In this CSS:

/* Slide 2 */
    .slide2.animate-in .slide {transition-delay: 0s !important; -webkit-transition-delay: 0s !important;
        transition-duration: 0.8s !important; -webkit-transition-duration: 0.8s !important;
    }

    .slide2.animate-out .slide { transition-delay: 0s !important; -webkit-transition-delay: 0s !important;
        transition-duration: 0.8s !important; -webkit-transition-duration: 0.8s !important;
    }

I removed all instances of !important and the behaviour works as expected again. I can't be specific as to why this is happening without digging into your CSS deeper. I'd recommend trying to avoid the use of !important and instead rely on the cascade and specificity.

from sequence.

Hi,  Thanks for the reply.
I tried to use the basic slide (just adding the pagination) here http://muncul.in/test/themes/basic-slide/ . The animation works fine, just when I navigate to slide 3 directly from slide 1, the slide 2 will have no class (it has no problem if there is class animate-out).Also for the 2nd question, can I modify the slide so when I go to slide 3 directly from slide 1, the slide will also play slide 2 (also maybe adding animate-out) in advance. Like this one http://tympanus.net/Tutorials/ParallaxSlider/
I try to make a timeline slider, and some of the slider have connected background like my previous example.

Sorry for my english, hope it doesn't too confusing :)

Thanks

 On Tuesday, July 21, 2015 4:13 PM, Ian Lunn <[email protected]> wrote:

Hi, the behaviour you describe is expected and works in the basic slider for example.When navigating back to step 2 from step 3, Sequence very briefly adds the animate-out class to step 2 to reset it, then swaps that class for animate-in so it comes in from the left.Something in your CSS is breaking this process. In this CSS:/* Slide 2 */
.slide2.animate-in .slide {transition-delay: 0s !important; -webkit-transition-delay: 0s !important;
transition-duration: 0.8s !important; -webkit-transition-duration: 0.8s !important;
}

.slide2.animate-out .slide { transition-delay: 0s !important; -webkit-transition-delay: 0s !important;
    transition-duration: 0.8s !important; -webkit-transition-duration: 0.8s !important;
}

I removed all instances of !important and the behaviour works as expected again. I can't be specific as to why this is happening without digging into your CSS deeper. I'd recommend trying to avoid the use of !important and instead rely on the cascade and specificity.—
Reply to this email directly or view it on GitHub.

from sequence.

No, Sequence.js doesn't do that. I don't think this is something we would want to implement for the future either. Sorry!

from sequence.

Ok thanks for your information :)

 On Friday, July 24, 2015 3:31 PM, Ian Lunn <[email protected]> wrote:

No, Sequence.js doesn't do that. I don't think this is something we would want to implement for the future either. Sorry!—
Reply to this email directly or view it on GitHub.

from sequence.