Custom Jquery animation plugin

Hi everyone,

We need a simple and effective Jquery plugin which will help us to animate the desired website elements (like images, divs and so on..) according to given parameters.

The plugin

- must be custom developed for our needs,

- should be tested on various platforms like IE6 and plus, Chrome, Safari and mobile devices etc. before submitting,

- should be effective in terms of memory usage.

Briefly our technical needs are below:

1- We should be able to include this plugin in the [url removed, login to view] and use it as often as we'll need on the whole site.

2- The parameters we want to use: container element, elements to be animated, animation type, easing, parallax, bindToScroll, callBack

2.1 Container element: A dom element which contains all the elements to be animated. A #div for example with 6 images inside.

2.2 Elements to be animated: 6 images inside the div, 2 divs inside the header, etc..

2.3 Animation type: This parameter determines how the elements will animate. These animation types will be custom made for us. Some examples are gather (like [url removed, login to view]), fall-down (elements will fall down like lego bricks) , zoom-in, rotate-in etc. (For more info please see the attached image.)

2.4 Easing: Easing type of the animation ([url removed, login to view])

2.5 Parallax: On / off. If there are more than one element to be animated and this option is on, elements will be layered for parallax effect.

2.6 bindToScroll: All the animations will be fired when the elements are in the visible area of the browser. ([url removed, login to view]) This parameter will accept a percentage number which is the distance (threshold) between bottom of the browser and the top of the element. (50% means that the animation will be fired when the elements are in the middle of the page)

2.7 callback: callback function.

3- We also want this plugin to be able to stop/play our Swiffy ([url removed, login to view]) SVG animations. Maybe this option can be set via animation type.

A good example to what we try to accomplish with this plugin is [url removed, login to view]

Hope this summary will help you to understand our needs.

Waiting for your bids and comments.


Skills: Animation, Javascript, jQuery / Prototype

See more: zoom info, top parallax website, top animation website, studio 9 plus, projects on animation, projects in animation, one-stop plus, one stop plus, jquery include, jquery 2.1 0, jquery 1.2 3, include jquery, how to use plugin, how to animate website, google swiffy, animation custom, animated custom, jquery is mobile, doubleclick studio, svg animations, stop animation, plugin jquery, parallax , parallax site, parallax effect for a site on js

About the Employer:
( 0 reviews ) Istanbul, Turkey

Project ID: #4134715

3 freelancers are bidding on average $241 for this job


Greetings.....*****Please see PMB for more details*****.....Thanks, Adam

$222 USD in 6 days
(12 Reviews)

Hi, I am interested to apply on your job post. You can visit my website at The Administrator removed this message for containing contact details which breaches our Terms of Service We can discuss the project fur More

$250 USD in 3 days
(3 Reviews)

Hi, I am Masters in Computer Science and have 07+ years experience in Object Oriented commercial Software Design and Software Development. I am results-driven, customer-focused, articulate and analytical Software En More

$250 USD in 30 days
(0 Reviews)