我正在创建这个逐帧淡出的图像,但问题是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");
如果你在iOS上遇到由于GPU的平铺渲染引擎在转换后不同步而导致的渲染伪影,下面的方法可能会有所帮助:
<style type="text/css">
html, body { -webkit-transform: translateZ(0); }
</style>