Javascript 更改src on时图像加载延迟<；img>；加入反应

我编写了一个类似于gallery的组件，它采用以下格式的对象数组：

{
  ...
  title: string,
  url: string (the image url)
  ...
}

gallery有一个“下一步”按钮，让您可以遍历数组，显示标题等数据，并在标记中显示图像。当文本字段立即显示时，img标记会稍微滞后，显示前一个图像一两秒钟，然后显示下一个图像

---

你知道我该怎么预防吗？或者至少让第一张图像立即消失？

解决这个问题的方法有很多，既复杂又优雅。我能想到的最简单的方法是：将src更改为可以立即加载的内容，然后将其更改为新的img。您可以使用base64透明gif（类似于代码中嵌入的图像）

解决此问题的方法很多，既复杂又优雅。我能想到的最简单的方法是：将src更改为可以立即加载的内容，然后将其更改为新的img。您可以使用base64透明gif（就像代码中嵌入的图像）

您可以创建一个在加载下一个元素之前清除元素的函数。您可以创建一个在加载下一个元素之前清除元素的函数。这不会导致闪烁-使转换看起来很糟糕吗？我们有一个更大的图像，似乎立即加载。你知道到底是什么导致了这个问题吗？？谢谢你的回复！这不会导致闪烁-使过渡看起来很糟糕吗？我们有一个更大的图像，似乎立即加载。你知道到底是什么导致了这个问题吗？？谢谢你的回复！