Animate Background Image Top position - Jquery

Question

Is it possible to animate a background images top position using jquery? I have tried -

 $('#intro1').animate({ background-position: 'top'}, 1000);

and

 $('#intro1').animate({ background-position: '0, 1600px'}, 1000);

But no luck with either - are there any available plugins / methods that anyone can recommend?

$('#intro1').animate({ background-position: 'top'}, 1000, function() { }); doesnt work, also tried to animate via pixels in the same way — Dancer, Jan 07 '13 at 11:01
no you can't,not with jQuery animate! You can write your own or search for additional solution — kidwon, Jan 07 '13 at 11:02
possible duplicate of [jquery animate background position](http://stackoverflow.com/questions/5171080/jquery-animate-background-position) — Tom Walters, Jan 07 '13 at 11:07

Michael Antonius · Answer 1 · 2013-01-07T11:15:31.843

0

it' possible, try:

$("#element").animate({'background-position':'top'}, 1000);

and

$('#element').animate({
 'background-position-x':'0',
 'background-position-y':'1600px'
 }, 1000);

the - in javascript array object are not allowed and you have to convert it as string Good luck

edited Jan 07 '13 at 11:15

answered Jan 07 '13 at 11:09

Michael Antonius

1 Answers1