ChromejQuery图像替换速度很慢

我需要一个滑块来更改当前显示的图像。我首先尝试通过src替换来实现这一点：

$("#img").attr("src", new_src);

这在Chrome中非常复杂（但在所有其他浏览器中都很好）。我可以理解它在第一次加载图像时是起伏的，但是，即使加载了所有图像，这种起伏的行为仍然存在。检查网络活动时，我看到重复的get，但它们都是缓存的。为了排除这种可能性，我重写了一个替代实现，它预加载所有图像，并隐藏除当前图像以外的所有图像：

但这在Chrome中仍然是不稳定的（在其他浏览器中也很好），这让我觉得它与渲染/布局有关

---

有人知道Chrome的不同之处，以及我如何解决这个问题吗？

你看到这些图像的大小了吗？是的。我正在处理大型图像。但是，即使在缓存图像之后，或者在第二个实现中，加载到DOM中之后，性能也会降低。Firefox可以很好地处理它们（甚至IE）。Chrome做了什么不同的事情，我如何才能优雅地处理呢？这是一个黑客攻击，但它似乎在图像预加载后起作用：它似乎确实与Chrome渲染图像的方式有关。我所做的只是对图像进行一个小的缩放。看看使用z-index是否更平滑：使用z-index或不透明度/屏幕外定位也不会更好。