jquery animation backgrount hoch runter klappt nicht

[Cheffchen]

Hallo,

ich kann nicht mehr, ich wollte nur eine einfache Animation machen wo ein hintergrundbild sich einfach von top/down bewegt. ich bekomme das einfach nicht hin, links rechts geht komischer weise aber hoch runter geht komischer weise wenn ich halt nur ein wert eintrage aber ich möchte ja hoch runter und da für brauch ich ja den zweiten wert

das geht ja rechts links

$(document).ready(function(){
$('#header').animate({'background-position': '+50px'}, 2000).animate({'background-position': '-50px'}, 2000);
});

wenn ich aber hoch runter geht das nicht, was mach ich falsch?

$(document).ready(function(){
$('#header').animate({'background-position': '0px +50px'}, 2000).animate({'background-position': '0px -50px'}, 2000);
});

hier auch ein link zu jsfiddle in Aktion bzw nicht Aktion :O)
background top/down - jsFiddle

Cheffchen

 

[scbawik]

Dafür braucht's wahrscheinlich ein Plugin, habe es ohne auch nicht zum Laufen gebracht:

Using jQuery for Background Image Animations - Snook.ca
http://snook.ca/technical/jquery-bg/jquery.bgpos.js

Oder du machst es, wie dieses Plugin auch, über die 'step'-Funktion.

 

[Cheffchen]

Hallo,

jo das funktioniert, ich hatte ja auch schon 2 plugins versucht aber die kammen damit auch nicht klar.
habe das jetzt so mit dem plugin das es immer hoch und runter geht

$(document).ready(function(){ 
    setInterval(function() {
    $('#header').stop()
        .animate({backgroundPosition:"(0px 100px)"}, {duration:2000})
        .animate({backgroundPosition:"(0px -100px)"}, {duration:2000});
    }, 4000);  
});

in Aktion: background top/down - jsFiddle

Cheffchen