我有一个简单的幻灯片放映,在显示新照片之前淡出当前照片。 它在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)
你可以复制吗? 我有什么解决方案可以避免懒散而不必提供完美缩放的图像?
答案 0 :(得分:2)
好的,所以如果有人来这里遇到同样的问题,我找到了一个绕过这个问题的解决方案:
if(this.oldimg) $(this.oldimg).delay(50).fadeTo(600, 0, function() { $(this).remove();
我不知道为什么,当我们延迟淡出一点时,镀铬几乎正常起作用。