jquery backgroundImage mit animate?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • jquery backgroundImage mit animate?

    mahlzeit!

    wie kann ich mit jquery das hintergrundbild (backgroundImage) mit animate ändern?

    das kuriose ist, mit .css(.. funktionierts ja, aber es gibt leider keinen weichen übergang bzw. keine animation

    Code:
    $("document").ready(function() {
        var Dateien = [ 'url(img/HPHGK.jpg)', 'url(img/HPHGK2.jpg)'];
        var counter = 0;
        function cycleBackground() {
            $("table").animate({ backgroundImage: Dateien[counter] },'fast');
            counter++;
            if(counter == Dateien.length) {
                counter = 0;
            }
        }
        setInterval(cycleBackground, 500);
    });
    wenn ich die zeile:
    $("table").animate({ backgroundImage: Dateien[counter] },'fast');

    durch diese ersetze:
    $("table").css({ backgroundImage: Dateien[counter] });

    funktionierts, das sieht aber doof aus, wenn es so hart wechselt.

    jemand eine idee?

    aktuell habe ich die jquery 1.10.1 version.
Working...
X