使用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')});