[reposting as the last post may not have gotten posted]

Hi Ian,

None of the animate-out's are working in our case regardless of browsers - we're possibly making any mistake anywhere but failing to identify it.

In general, what are the key possible reasons animate-out may not work at all?

Hi Ian,

I'm finding that sequence seems to stop/hang at the preloader in ie9 on windows 7.

I've check the versions on http://sequencejs.com/ and they all seem to stall at the preloader. Sliding Horizontal Parallax will sometimes load if I refresh and clear the cache

The three preloader circles all flash, but nothing else happens.

Is there any other info I can give you to help diagnose this issue?

Thanks

I've got a navigation bar that's meant to traverse the panes of a Sequence. I've tried to adapt the technique you use for the modern slide-in (http://sequencejs.com/themes/modern-slide-in), but the afterPreload, beforeNextFrameAnimatesIn, and click functions won't see the sequence object. ("Can't get .settings, .nextFrameID" etc.)

It may be because I have two Sequence objects?

Hi,

All is in the title...

var sequenceOptions = {
    autoPlay: false
    } ;
var $sequence = $('#test').sequence(sequenceOptions);
$sequence.goTo(2) ;

Hi guys, we have a new issue that the vimeo video's that used to work on our site have just stopped working? The play button does not respond when clicking on it. This can be seen at glengranttasting.com (on the slider where the video lives), You will need to login with 1234. The only thing I can mention is that if i turn off the abolute positioning and z-index values on one of the vimeo generated css classes(.f object), it fixes the problem although I dont have access to that CSS since vimeo video's are iframed.

Please let me know what you think the issue may be. Thanks!

On second cycle of autoplay animation starts working in reverse and we couldn't find a way to fix it. We tryed the reverseAnimationsWhenNavigatingBackwards: false option, but it seems to give us no result. Does anyone had the same issue? For what should we look? Code is here: http://jsbin.com/eqihoz/1/edit It also doesn't do the autoplay after second frame, but we are handling it by triggering click on next button as a temporary solution.

Consider this scenario:

# Slide 1
- "Example text" slides in from left in 1s
- (autoPlayDelay)
- "Example text" slides out to right in 1s 

# Slide 2
- Image1 slides in from left in 1s, no delay
- Image2 slides in from left in 1s, 0.5s delay
- Image3 slides in from left in 1s, 1s delay
- (no further slide's so animation stops here)

Now, if I click back button (when on slide2), then I see:

# Slide1
- (reversed) "Example text" slides out to right in 1s
* which looks like "Example text" sliding in from right

# when slide1 completes slide2 starts animating

# Slide2
- (reversed) Image1 slides in from left in 1s, no delay
- (reversed) Image2 slides in from left in 1s, 0.5s delay
- (reversed) Image3 slides in from left in 1s, 1s delay
* which look like Images sliding out to left

But what I would expect is:

# Slide2
- (reversed) Image1 slides in from left in 1s, no delay
- (reversed) Image2 slides in from left in 1s, 0.5s delay
- (reversed) Image3 slides in from left in 1s, 1s delay
* which look like Images sliding out to left

# when slide2 completes slide1 starts animating

# Slide1
- (reversed) "Example text" slides out to right in 1s
* which looks like "Example text" sliding in from right

Is there a possibility to configure this to work as I expect it to?

Hello there,

First this slider is great, thank you for developing it!

I'm trying to figure if there is a way to have several sequence sliders on the same page with nav buttons. Everything is working fine for me but when I press the next or prev button of the first slide, all the other are moving too... Is there a way to make them work independently?

Thank you for your help!

Hi,

First, thank you this script, it's great!

I use horizontal theme and added my bg and have navigation menu.

`

• ONE
• TWO
• THREE
• FOUR
• FIVE

When click TWO item on ONE, go to TWO, nothing problem. But when click FIVE on TWO go to the corresponding page but don't show between items. I want this:

E.G. Click FOUR on TWO, first THREE and after get FOUR. I hope, you can understand me. Is is possible?

Love the plugin, but I have a hard time disabling it with all the scripts and css it is building on the iPhone. basically, how would I display my slides (which are content with some images) in a responsive website, in a row, underneath each other without having navigation and sliding at all?

Thanks

Currently pagination is possible but needs to be custom built specific to each Sequence. Build in some options that allow people to quickly apply default pagination

i have aded sequence.js to a php page.its libraries like sequence.js and hammer and others. div with id as sequence and ul of clas seq-canvas and some li elements. and in a script i have used sequence function with i element div with special id. but no result. any help will be apprexiated.

I have a rather long out/exit animation and I want to hold off sequence changing to next step until the animation is over. So for example, if animation takes 2 seconds to complete, when I press right arrow key, Sequence should wait 2s and then start moving to next step.

How can this be done?

Hi, Ian, great job!! I love the work you made for the Cyclemon homepage http://cyclemon.com and I wanted to make something like that. When I saw the sequence.js development I've been trying to do that kind of parallax with this technique. But I couldn't find the way to achieve what I want. The concept is a long homepage with some horizontal areas that you can scroll with the vertical scrollbar (optionally you can navigate with the right column buttons). I need a complete homepage to scroll, with the different areas one after the other, not a slideshow that masks only one of them.

Is there a way to achieve that?

Hi,

I've got some errors in a test sequence with svg in it when viewed in Edge.

The error is in resetInheritedSpeed function at line 1962 in sequence.js

I've changed : el.style[Modernizr.prefixed("transition")] = "0ms 0ms"; to : if (el.style) el.style[Modernizr.prefixed("transition")] = "0ms 0ms";

idem at line 2002

I think it's because on Edge a path node in a svg for example has no .style property ? Surely there is a problem with svg with elements return by var stepElements = self.$steps[step - 1].querySelectorAll("*") (at line 1973) because errors appears.

Thanks. Florent

I'm using SmoothState on a website. Most of the content will be injected with ajax. SmoothState provides me with some hooks:

• onBefore - Runs before a page load has been started
• onStart - Runs once a page load has been activated
• onProgress - Runs if the page request is still pending and the onStart animations have finished
• onReady - Run once the requested content is ready to be injected into the page and the previous animations have finished
• onAfter - Runs after the new content has been injected into the page and all animations are complete

For testing I'm using your test theme with the detroy and init buttons. It works just a normal with a regular page load. With the 2 buttons I can manually destory and init sequence.js. But not after an ajax injection. What am I doing wrong?

function initSequence() {
    if ($('#sequence').length) {
        mySequence = sequence(sequenceElement, sequenceOptions);
        console.log("init Sequence");
    };
}

function destroySequence() {
    if ($('#sequence').length) {

        if (mySequence !== undefined) {
            mySequence.destroy();
            mySequence = undefined;
        }
        console.log("destroy Sequence");
    };
}

$("#init").on('click', function() {
    initSequence();
});

$("#destroy").on('click', function() {
    destroySequence();
});


.... // smoothState setup

    onAfter: function ($container, $newContent) {
        initPage();
    },
    smoothState = $page.smoothState(options).data('smoothState');

... // etc etc smoothState setup


var initPage = function() {
    initSequence();
};


$(document).ready(function() {
    initPage();
});

Excellent plugin you've built here. Just fantastic.

I'm only having one issue, really. Inside my li tags, I've got an element that has a link attributed to it.

So:

<li>
<a href>
</a>
</li>

Something like that. My issue is that the correct link doesn't show up when the plugin initializes. The link that you'd click would be a link from a subsequent li element. The funny thing is, once you cycle through the entire sequence, the links are fine. It's just on first initialization that the links seem to be jumbled up.

Any ideas?