Custom Jquery animation plugin
- Status Closed
- Budget $30 - $250 USD
- Total Bids 3
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.
- 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
Looking for work?
Work on projects like this and make money from home!Sign Up Now
- The New York Times
- Wall Street Journal
- Times Online