последовательный плавный переход JQUERY для IPAD

Question

я создаю это покадровое изображение, но проблема в том, что ipad делает его очень медленно. Есть лучший способ сделать это, вот мой код:

var counter = 1,
srcStr1 = "../img/landscape/p25/",
srcStr2 = ".jpg",
frames = $("<div id=\"frames\"></div>"),
removeFrame = function() {
    if (frames.children().length > 1) {
    frames.children(":first").fadeOut({},40).queue(function(nxt) { 
    $(this).remove();
    nxt();
});

} else {
    clearInterval(timer);   
       }
},
timer = setInterval(function() { removeFrame() },40);

////////create frames
for(var x = 3; x--;) {
$("<img />", {
src:  srcStr1 + counter  + srcStr2
}).css("zIndex", x).appendTo(frames);
counter++;}
frames.appendTo("#belo").fadeIn("slow");

Answer 1

Если вы столкнулись с артефактами рендеринга на iOS из-за того, что механизм рендеринга мозаичного изображения графического процессора не выполняет синхронизацию после перехода, может помочь следующее:

<style type="text/css">
   html, body { -webkit-transform: translateZ(0); }
</style>