easing bounce - works only in IE9

stefanozarba's Avatar

stefanozarba

10 Oct, 2012 04:22 PM

Hi,

i'm working on my graphic agency's website..
I want some image to bounce..

but the easeOutBounce works only in IE9..
can you help me?

DEMO

thank you,

Stefano

  1. Support Staff 1 Posted by Dmitry Semenov on 10 Oct, 2012 05:11 PM

    Dmitry Semenov's Avatar

    Hi,

    You forgot to add CSS3 easing function, as slider by default includes only two. http://dimsemenov.com/plugins/royal-slider/documentation/#easing

    Dmitry

  2. 2 Posted by stefanozarba on 12 Oct, 2012 12:48 PM

    stefanozarba's Avatar

    Excuse me, is not so simple to me..
    I've already read the documentation, but i really don't understand how I have to do..
    Why it works on Explorer?
    I can't simply let the jqueryEasingPlugin works without css3?

    i'm really sorry if it is a stupid thing, i'm not so good with jquery+css3

    thank you

    Stefano

  3. Support Staff 3 Posted by Dmitry Semenov on 12 Oct, 2012 01:42 PM

    Dmitry Semenov's Avatar

    It works in IE because IE uses jQuery animation, other normal browsers use CSS3 animation.

    Simply add this line before slider initialization, in document.ready.

    jQuery.rsCSS3Easing.easeOutBack = 'cubic-bezier(0.175, 0.885, 0.320, 1.275)';
    

    Dmitry

  4. 4 Posted by stefanozarba on 12 Oct, 2012 02:40 PM

    stefanozarba's Avatar

    I've got it!
    thank you man!

    but.. it's impossible to do more complex bounce effects (like easeOutBounce)..
    however, thank you Dmitry,
    I owe you a beer

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac