jQuery background image animation (sliding up/down)

In Progress

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.

Skills: Javascript, jQuery / Prototype

See more: jquery background animation, jquery background image animation, jquery image animations, jquery background image, jquery background, to make animation, animation make, animation com, animation at work, background animation jquery, sliding background image, image sliding, up works, no jquery, jquery com, swing tag, jquery, jquery script, jquery image, jquery html, jquery c, javascript animation, image background, c jquery, basic animation

About the Employer:
( 1 review ) Battle, United Kingdom

Project ID: #864142

Awarded to:

lsweb

Hello. Please check your PM. Thanks.

£30 GBP in 0 days
(75 Reviews)
6.4

24 freelancers are bidding on average £66 for this job

agilesols

lets do it now...

£70 GBP in 0 days
(53 Reviews)
6.1
ecodes

I have completed such animation tasks using pure jquery. This can be completed in just few minutes. Please check pmb for more details.

£75 GBP in 1 day
(33 Reviews)
6.0
khanhhuyna

A quick jquery task. I ready to start and complete it in one day. Thanks.

£40 GBP in 1 day
(58 Reviews)
5.8
madhavdutta

Hi Sir, I have gone through your requirement. I can fix it for you. Yo can pay me after job done. Madhav Dutta madhavdutta.com

£65 GBP in 1 day
(8 Reviews)
5.5
urmi1

Please see PMB for more details.........

£150 GBP in 4 days
(37 Reviews)
5.5
mantislin

Hi sir, let me do it now! thanks, kimi.

£120 GBP in 1 day
(34 Reviews)
4.9
cerven

Hello. Please check PM. Thanks

£60 GBP in 2 days
(13 Reviews)
4.7
iSandu

Hi. Please check your Inbox for my solution. Cheers!

£30 GBP in 0 days
(17 Reviews)
4.7
tanveerjavaid

Hi i have check difference and can fix this problem. Let me explain in pm.

£30 GBP in 1 day
(11 Reviews)
4.4
tunnhn

Hi, i can do it. Please check your PM for more details and let me help you Thanks

£30 GBP in 1 day
(15 Reviews)
4.3
biddyweb

I am a very good jquery developer. I can fix it easily.

£30 GBP in 0 days
(3 Reviews)
3.7
YashpalSingh123

jquery/javaxript professional

£200 GBP in 2 days
(6 Reviews)
3.6
projectivemotion

the solution is minutes away. :)

£50 GBP in 0 days
(5 Reviews)
3.2
lsowen

I can complete this in a few hours.

£30 GBP in 0 days
(3 Reviews)
3.2
memonhusamah

Hello, check inbox, thank you

£70 GBP in 1 day
(2 Reviews)
3.0
littlemaster2706

Hi!! As per my understanding, you need your animation to take its container height & width & show the animation within that. If yes, then yes the task simple & i will like to work on it & complete it fast.

£46 GBP in 1 day
(3 Reviews)
2.4
jamescoder

Please check pmb, thanks!

£100 GBP in 3 days
(1 Review)
1.0
shift2service

Hi, This can be fixed. Find attached details in PMB. Thank you.

£100 GBP in 1 day
(0 Reviews)
0.0
bahalabs

I am willing to work on this project. I hope you give me a chance. I will try to finish this project as soon as possible if you give me this opportunity. Thank you for your attention. I await an answer from you. :)

£40 GBP in 2 days
(0 Reviews)
0.0
woodmanweb

Hi,randon I have to do this sort of stuff at work all the time, this shouldn't be a problem. I'd estimate the task to take 1 day, 2 days at most if I run into unexpected difficulties aligning the sliding element pe More

£60 GBP in 1 day
(0 Reviews)
0.0