Custom Jquery animation plugin

  • Status Closed
  • Budget $30 - $250 USD
  • Total Bids 3

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.

Thanks!

Get free quotes for a project like this

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