2012-04-05 59 views
2

緩慢連接後,圖像消失後會消失,然後再次出現。圖像加載呈現在Firefox中閃爍。

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

這基本上是我所做的一切。在快速連接上完美工作,但在連接速度較慢時,圖像在淡入淡出完成後閃爍。任何想法如何解決這個問題?我甚至不知道從哪裏開始。

我也試過waitForImages();和其他一些插件。它似乎沒有檢測到圖像加載,它的某種渲染錯誤。

+0

我已經注意到這種情況發生前在滑塊插件上的連接速度慢。它是Orbit Slider或BxSlider。 您是否嘗試更改延遲> $(this).fadeIn(800); ? – Miro 2012-04-05 21:15:44

+0

也許使用純JS而不使用JQuery會更快。 (也會讓你更深入的瞭解這個問題。) – Hawken 2012-04-05 21:17:41

+0

@miro我會嘗試調整速度。 – Fresheyeball 2012-04-05 21:22:15

回答

0

試試這個:

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

'display:none;'在外部css文件中設置。淡入淡出的作品,閃光發生在之後。 – Fresheyeball 2012-04-05 21:21:34