Javascript 图像不';t仅在刷新后,才开始完全加载

Javascript 图像不';t仅在刷新后,才开始完全加载,javascript,html,css,django,Javascript,Html,Css,Django,我制作了一个django应用程序,其在线地址为:。在我的主页上,我有一个带有多个图像的旋转木马。我遇到的问题是,由于某些原因,图像无法完全加载。刷新页面后,图像将完全加载。 传送带代码: <div class="carousel carousel-slider" id="demo-carousel-content" data-indicators="true" > <a class="carousel-

我制作了一个django应用程序,其在线地址为:。在我的主页上,我有一个带有多个图像的旋转木马。我遇到的问题是,由于某些原因,图像无法完全加载。刷新页面后,图像将完全加载。

传送带代码:

<div class="carousel carousel-slider" id="demo-carousel-content" data-indicators="true" >
  <a class="carousel-item" href="/cp_company">
      <img class='carouselitem' src="{% static 'images/cp_company.jpg' %}">
      <h2 class="bottom-left">C.P. COMPANY</h2>
  </a>
    <a class="carousel-item" href="/stone_island">
      <img class='carouselitem' src="{% static 'images/stone_island.jpg' %}">
        <h2 class="bottom-left">STONE ISLAND</h2>
  </a>
    <a class="carousel-item" href="/ma_strum">
      <img class='carouselitem' src="{% static 'images/mastrum.jpg' %}">
        <h2 class="bottom-left">MA.STRUM</h2>
  </a>
    <a class="carousel-item" href="/barbour">
      <img class='carouselitem' src="{% static 'images/barbour_lookbook.jpg' %}">
        <h2 class="bottom-left">BARBOUR</h2>
  </a>
    <a class="carousel-item" href="/lacoste">
      <img class='carouselitem' src="{% static 'images/lacoste_banner.jpg' %}">
        <h2 class="bottom-left">LACOSTE</h2>
  </a>
    <a class="carousel-item" href="/perry">
      <img class='carouselitem' src="{% static 'images/perry_banner.jpg' %}">
        <h2 class="bottom-left">FRED PERRY</h2>
  </a>
    <a class="carousel-item" href="/paul_shark">
      <img class='carouselitem' src="{% static 'images/paul_shark_banner.jpg' %}">
        <h2 class="bottom-left">PAUL & SHARK</h2>
  </a>
    <a class="carousel-item" href="/napa">
      <img class='carouselitem' src="{% static 'images/napa_banner.jpg_large' %}">
        <h2 class="bottom-left">NAPAPIJRI</h2>
  </a>
    <a class="carousel-item" href="/tnf">
      <img class='carouselitem' src="{% static 'images/tnf_banner.jpg' %}">
        <h2 class="bottom-left">THE NORTH FACE</h2>
  </a>
</div>
提前谢谢

试试这个

.carousel.carousel-slider {
    height: 100vh;
}

将其添加到您的样式结尾。

我刚刚访问了您的网站。所有照片都会毫无问题地加载到旋转木马中(无需刷新)-但是为了向您提供信息,我有一个非常快速的internet连接。好的,谢谢!是的,那时我也可能是这样。
.carousel.carousel-slider {
    height: 100vh;
}