Link to home
Start Free TrialLog in
Avatar of lexusgs430
lexusgs430

asked on

jquery animation, creating constantly looping action

Hi,

Working on designing a site. Had a pretty cool idea. Id like to use jquery to adjust the background position style property of a div (moving it in a constant upward motion, no left-right movement), at a slow but smooth looking pace. Basically Id like for the background position of the background-image tag (which will be repeating), to move say .1 pixel per second (if its possible to do at that interval).

Id try writing this myself but Im terrible with anything other than jquery selectors and basic operations, and I figure that someone smarter than me could likely figure out the script with ease. So anyways, if you could help, it would be appreciated greatly!

(p.s., the dimensions of the background-image im attempting to animate are 1100 width x 500 high, and once again im trying to make it move upwards in a loop, so that when its moved to -1, the first pixel of the repeated image moves into the space from the bottom.)


^
^
^
^

Like that, in case I just overcomplicated my explanation :)
ASKER CERTIFIED SOLUTION
Avatar of David S.
David S.
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of lexusgs430
lexusgs430

ASKER

damn, thats really close to what im trying to do, only the exact opposite direction :) (horizontal not vert.)