inFX - enter stage left, exit right #599
Description
Currently Anythingslider is using the 'outFx' settings for both the 'before' animation and the 'out' animation. This makes it impossible to have the animation slide in from the left, and slide out to the right.
I'd love to see an option for specifying the "before inFx" animation separately. One option would be to add another property "beforeFx", but even better still would be changing the behavior of 'inFx' so it is the start of the animation and not the mid-point. The mid-point in my opinion would be better left at its natural position.
example:
Currently these settings produce an animation that 1. starts below the stage at 0 opacity, 2. slides up to its natural position at 0 at full opacity, 3. slides back down to where it originated.
inFx : {
'img' : { bottom: '0px', duration: 200, opacity: 1, easing : 'easeOutExpo' }
},
outFx : {
'img' : { bottom: '-100%', duration: 200, opacity: 0, easing : 'easeOutExpo' }
}
by changing the behavior of 'inFx' so it occurs before the start of the animation, you can 1. start ABOVE the stage at 0 opacity, 2. slides down to its natural position at 0 at full opacity (natural position), 3. slide down and out below the stage at 0 opacity. It would look like this:
inFx : {
'img' : { top: '-100%', duration: 200, opacity: 1, easing : 'easeOutExpo' }
},
outFx : {
'img' : { bottom: '-100%', duration: 200, opacity: 0, easing : 'easeOutExpo' }
}