IanLunn / Sequence

The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications.
http://sequencejs.com
Other
3.37k stars 488 forks source link

auto play stops on slide 2 #250

Closed miladd3 closed 9 years ago

miladd3 commented 9 years ago

When i make the auto play option true. it stops on slide 2 :( what is the problem. here is my html address that i uploaded on dropbox https://dl.dropboxusercontent.com/u/28793409/zooya/index.html

Coffee4cr commented 9 years ago

I have somewhat the same problem

I have cycle: true and after my second slide, it doesn't cycle to the first one again

IanLunn commented 9 years ago

The usual cause for this is because a top-level element isn't being animated. All top-level elements MUST have an animation applied to them, see the documentation.

miladd3 commented 9 years ago

it has css transition! whats that mean?

miladd3 commented 9 years ago

i have this so it adds transition to all elements in slider

#slider-inner > .sequence-canvas > li \* {
  -moz-transition: all .4s ease-out .4s;
  -o-transition: all .4s ease-out .4s;
  -webkit-transition: all .4s ease-out .4s;
  transition: all .4s ease-out .4s;
}
IanLunn commented 9 years ago

The problem is with the <div class="shapes"> element. Although you have applied a transition property, in no way does the element transition because it's properties don't change. You need to apply a transition to it -- even if its just a very quick opacity change.

miladd3 commented 9 years ago

thanks a lot! :D it works like a treat :dart: