【问题标题】:Image load rendering flashes in Firefox.图像加载渲染在 Firefox 中闪烁。
【发布时间】:2012-04-06 05:20:38
【问题描述】:

如果连接速度较慢,图像会在淡入后消失,然后重新出现。

$('#image').load(function(){
    $(this).fadeIn();
});

这基本上就是我所做的一切。在快速连接上完美运行,但在慢速连接上,图像在淡入淡出完成后闪烁。关于如何解决这个问题的任何想法?我什至不知道从哪里开始。

我也试过waitForImages(); 和其他一些插件。它似乎没有检测到图像加载,这是某种渲染错误。

【问题讨论】:

  • 我注意到在慢速连接之前的滑块插件上会发生这种情况。它是 Orbit Slider 或 BxSlider。您是否尝试过更改延迟 > $(this).fadeIn(800); ?
  • 也许使用纯 JS 而不是 JQuery 会有助于提高速度。 (也可以让您更深入地了解问题。)
  • @miro 我会尝试调整速度。
  • 图片在绑定.load事件之前是否隐藏?可见元素上的.fadeIn() 隐藏该元素,然后将其淡入。

标签: jquery firefox


【解决方案1】:

试试这个:

$(this).css("display", "none");
$(this).fadeIn();

【讨论】:

  • display:none; 在外部 css 文件中设置。淡入淡出,闪光紧随其后。
猜你喜欢
  • 2013-01-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-03-24
  • 2013-09-08
  • 2011-12-23
相关资源
最近更新 更多