CODEWITHSUNDEEP
jqueryjquery-animateeasingjquery-easing
Keefer
Keefer

Reputation: 2289

jQuery Custom Easing Plugin with .animate

I'm using a jQuery plugin for custom Easing (jQuery Easing v1.3 -http://gsgd.co.uk/sandbox/jquery/easing/) to add custom easing to my jQuery Tools scrollable instances like so:

$(".historyScrollable").scrollable({ easing:"easeInOutCubic"}).navigator();

I was hoping to also use the jQuery Easing plugin to use with .animate functions

I've tried using it like this:

$(this).find('div').stop().animate({'marginLeft':'-280px'},200,easeInOutCubic);

but it says "easeInOutCubic" is not defined. Is what I'm doing possible, and I've just got the syntax wrong? I tried using specialEasing as well, but didn't seem to work either:

$(this).find('div').stop().animate({'marginLeft':'-280px'},{duration:200, customEasing:{'marginLeft':'easeInOutCubic'}});

Upvotes: 1

Views: 1780

Answers (1)

rafael.js
rafael.js

Reputation: 600

.animate({'marginLeft':'-280px'},200,"easeInOutCubic");

Use quotation marks!

Upvotes: 5

Related Questions