我需要一个滑块来改变当前显示的图像。我首先尝试通过 src 替换来实现它:
$("#img").attr("src", new_src);
这在 Chrome 中非常不稳定(但在所有其他浏览器中都很好)。我可以理解它在第一次加载图像时是不稳定的,但是,即使在加载了所有图像之后,这种不稳定的行为仍然存在。检查网络活动,我看到重复的 GET,但它们都被缓存了。为了排除这种可能性,我重写了一个替代实现,它预加载所有图像,并隐藏除当前图像之外的所有图像:
但这在 Chrome 中仍然不稳定(在其他浏览器中仍然很好),这让我认为它与渲染/布局有关。
任何人都知道 Chrome 的不同之处,以及我如何解决这个问题?