Question

我有一个简单的幻灯片放映，在显示新照片之前淡出当前照片。它在FF和IE下工作得很好，但Chrome中的效果非常滞后......

我发现Chrome中的lagginess只出现在大尺寸图片上

以下是重现的代码：

    this.oldimg  = this.img;
    this.img = new Image(); 
    $(this.img).css({width: '90%', height: '90%'});
    $(this.img).attr("src", "//file.jpg");
    $("body").prepend(this.img);
    if(this.oldimg) $(this.oldimg).fadeTo(600, 0, function() { $(this).remove();  });

此处的演示演示：http://jsfiddle.net/f3tta/18/embedded/result/

（注意：评论是参考之前的演示，避免浏览器缓存here）

你可以复制吗？我有什么解决方案可以避免懒散而不必提供完美缩放的图像？

Answer 1

好的，所以如果有人来这里遇到同样的问题，我找到了一个绕过这个问题的解决方案：

if(this.oldimg) $(this.oldimg).delay(50).fadeTo(600, 0, function() { $(this).remove();

我不知道为什么，当我们延迟淡出一点时，镀铬几乎正常起作用。

Chrome中的Laggy不透明度变化与大尺寸图像

1 个答案: