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
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.
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); });
$("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.