Я пытался сделать эффект параллакса, и для этого нужно одновременно анимировать 3 фона с разными значениями, поэтому я использовал этот код,
bgImage1.animate({
"backgroundPosition" : -bgpos + "px"
}, {
queue : false,
duration : 1000,
easing : "circEaseOut"
});
bgImage2.animate({
"backgroundPosition" : -1.3 * bgpos + "px"
}, {
queue : false,
duration : 1000,
easing : "circEaseOut"
});
bgImage3.animate({
"backgroundPosition" : -1.6 * bgpos + "px"
}, {
queue : false,
duration : 1000,
easing : "circEaseOut"
});
Он отлично работал в IE, Opera и Firefoxно он очень медленный и нестабильный на chrome и safari, 3 фона немного большие, но когда я тестировал с меньшими;Я получил тот же результат, я не могу найти причину для этого :( вот просмотр