Custom Jquery animation plugin

CANCELLED
Bids
3
Avg Bid (USD)
$241
Project Budget (USD)
$30 - $250

Project Description:
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 plugins.js 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 nizoapp.com), 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 (easings.net)
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. (appelsiini.net/projects/viewport) 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 (google.com/doubleclick/studio/swiffy/) SVG animations. Maybe this option can be set via animation type.

A good example to what we try to accomplish with this plugin is https://fiber.google.com/how/

Hope this summary will help you to understand our needs.

Waiting for your bids and comments.
Thanks!

Skills required:
Animation, Javascript, jQuery / Prototype
Additional Files: animation-examples.jpg
Hire Rolakosta
Project posted by:
Rolakosta Turkey
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.


$ 222
in 6 days
$ 250
in 3 days
$ 250
in 30 days