IPAD的顺序JQUERY平滑过渡 [英] sequential JQUERY smooth transition for IPAD

问题描述

im创建逐帧淡入淡出图像，但是问题是ipad渲染得很慢.是否有更好的方法来做到这一点 这是我的代码:

im creating this frame by frame fadein fadeout image but the problem is the ipad is rendering it very slow.is there a better way to do this here is my code:

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");

推荐答案

如果由于过渡后GPU的平铺渲染引擎未进行vsync同步而在iOS上遇到渲染工件，则以下方法可能会有所帮助:

If you encounter rendering artifacts on iOS due to the tiled rendering engine of the GPU not vsync-ing after the transition, the following may help:

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

这篇关于IPAD的顺序JQUERY平滑过渡的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！