使用jQuery更改背景卡住或無法更新img的src屬性

Question

我花了幾個小時試圖弄清楚這個。

我有一個商店展示，循環通過屬性，我已經敲了一個簡單的畫廊類腳本。 在過去的一周里，它的表現非常出色。

我今天進去修補一些不相關的JavaScript（但在同一頁面上），現在有一個問題。

為了使圖像相互淡化，我更新了img的src ，然后將其淡出img元素包含元素背景的下一個圖像。

現在似乎發生的事情是，盡管我使用jQuery的css()方法設置了#main-image的背景，但有時它仍會卡在前一個圖像上。

它可以在這里查看

我必須強調這一點在谷歌瀏覽器中發生，我只針對該瀏覽器。

為了您的方便，我也加快了通過圖像循環的速度，以節省您的時間。

那么，為什么圖像會卡住，我該如何解決呢？ 更仔細檢查更新可能是img元素卡住了，即它無法更新src屬性。 實際上我再次更新我很確定它是背景。

JavaScript就在這里

我非常感謝任何幫助！

謝謝一堆。

Answer 1

我很確定我通過用這樣的雙引號包裝backgroundImage值來解決它。

$('#something').css({ backgroundImage: 'url("' + pathToImage + '")' });

一些較新的圖像在其文件名中有括號。

其中一個更令人沮喪的是！

謝謝，如果有人為我調查:)

Answer 2

我發現的圖像和淡入/淡出是在加載圖像后進行的。 這將在刷新后首次加載圖像時修復閃爍類型效果：

$('#something').attr('src', 'pathToImage').load(function(){$(#something).fadeOut('slow')});