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

时间:2012-09-03 22:21:48

标签: jquery google-chrome opacity lag fadeto

我有一个简单的幻灯片放映,在显示新照片之前淡出当前照片。 它在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

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

1 个答案:

答案 0 :(得分:2)

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

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

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