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 :)
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
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER