Custom Jquery animation plugin

This project received 3 bids from talented freelancers with an average bid price of $241 USD.

Get free quotes for a project like this
Employer working
Project Budget
$30 - $250 USD
Total Bids
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 [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.

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online