Twitter bootstrap 3 引导转盘映像加载

引导转盘正在工作并围绕图像循环。但是，当您第一次打开网页时，旋转木马滑块会在一瞬间显示一个空背景。之后，它工作正常

我试图通过这个css解决这个问题，但没有成功

.carousel-control {
  background-color: transparent;
}

有一些问题与预加载整个旋转木马有关。需要什么类型的jquery代码来实现这一点

你知道如何摆脱瞬间的空背景吗

  <div class="carousel slide" id="myCarousel" data-ride="carousel">

      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img class="first-slide" src="{% static 'img/img1.jpg' %}" alt="First slide" />
        </div>

        <div class="item">
          <img class="second-slide" src="{% static 'img/img2.jpg' %}" alt="Second slide">
        </div>

        <div class="item">
          <img class="third-slide" src="{% static 'img/img3.jpg' %}" alt="Third slide">
        </div>
      </div>

      <a class="left carousel-control" data-slide="prev" href="#myCarousel"></a>
      <a class="right carousel-control" data-slide="next" href="#myCarousel"></a>
  </div>

这对我很有效

CSS:

HTML

这对我很有效

CSS:

HTML

Hey@coder，来点代码怎么样？谢谢。代码很简单，粘贴在上面。嘿@coder，来点代码怎么样？谢谢。代码很简单，粘贴在上面。

.preload{ display: none; }

<div class="preload">
<img src="img/img1.jpg" />
<img src="img/img2.jpg" />
<img src="img/img3.jpg" />
</div>