我现在花了几个小时试图想出这个。
我有一个商店展示，循环通过属性，我已经敲了一个简单的画廊类脚本。在过去的一周里，它的表现非常出色。
我今天进入修补一些不相关的JavaScript（但在同一页面上），现在有一个问题。
要让图片相互淡化，我会更新img的{{1}}，然后将其淡出src元素包含元素背景的下一个图像。< / p>
现在似乎发生的情况是，尽管我使用jQuery的img方法设置了#main-image的背景，但css()的背景偶尔会卡在上一张图片上。
可在此处查看
http://vanquish.websitewelcome.com/~utopia66/store-display
我必须强调这一点在谷歌浏览器中发生，我只针对该浏览器。
为了您的方便，我也加快了通过图像的速度，以节省您的时间。
那么，为什么图像会卡住，我该如何解决？ 更新经过仔细检查可能会导致img元素卡住，即无法更新src属性。 再次更新实际上我非常确定它是背景。
JavaScript就在这里
http://vanquish.websitewelcome.com/~utopia66/assets/js/display.js
非常感谢任何帮助！
非常感谢。
答案 0 :(得分：0)
我非常确定我通过用这样的双引号包装backgroundImage值来解决它。
$('#something').css({ backgroundImage: 'url("' + pathToImage + '")' });
一些较新的图片在其文件名中有括号。
其中一个更令人沮丧的人！
感谢有人为我调查：）
答案 1 :(得分：0)
我发现的图像和淡入/淡出是在图像加载后执行的操作。这将在刷新后首次加载图像时修复闪烁类型效果：
$('#something').attr('src', 'pathToImage').load(function(){$(#something).fadeOut('slow')});