提问者:小点点

图像一开始未完全加载,仅在刷新后加载


轮播代码:

<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>

CSS:

img.carouselitem{
    height: auto;
}

提前谢谢!


共1个答案

匿名用户

试试这个

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

将其添加到样式的末尾。