Question

bootstrap carousel正在工作并围绕图像循环。但是，当您首次打开网页时，轮播滑块会显示一个空白背景，持续一秒钟。之后，它正常运作。

我试图通过这个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>

Answer 1

这对我有用。

CSS：

.preload{ display: none; }

HTML

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

Bootstrap Carousel图像加载

1 个答案: