inFX - enter stage left, exit right

[germ777]

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' }
}

[Mottie]

Hi @germ777!

I'll include this as an enhancement request. Honestly, I have no idea when I would be able to get around to implementing this as I am busy with other non-programming related projects. Sorry.

[germ777]

No problem, Rob. Thanks for your reply and thanks for an amazing slider.
-jg

On Jan 10, 2014, at 5:39 PM, Rob G [email protected] wrote:

Hi @germ777!

I'll include this as an enhancement request. Honestly, I have no idea when I would be able to get around to implementing this as I am busy with other non-programming related projects. Sorry.

—
Reply to this email directly or view it on GitHub.