jQuery background image animation (sliding up/down)

This project was awarded to lsweb for £30 GBP.

Get free quotes for a project like this
Project Budget
£30 - £250 GBP
Total Bids
Project Description

I have a very simple jQuery script which performs a very basic swing animation vertically using the jQuery .animate function. The animation makes one background image animate across the top of another background image. This works perfectly except the code currently takes a starting and ending point from a fixed pixel value. What I need is for the coordinates to be calculated dynamically by taking the overall height of the containing DIV container and working out at what pixels the animation should start or finish. The reason this is so important is the animation overlays onto another background image and so the position of the overlay image is determined based on the height of that particular DIV tag. For this reason having variable content makes the height of the DIV tag taller or shorter meaning the animation falls out of alignment.

You can see an example of the differences in the animations from one page to another here;

[url removed, login to view]

[url removed, login to view]

It should only require a couple of lines of code to adjust to make it work.

Awarded to:
Skills Required

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