>source

온라인에서 django 응용 프로그램을 만들었습니다.https://www.casualspotter.com/. 내 홈페이지에 여러 이미지가있는 캐 러셀이 있습니다. 내가 가진 문제는 어떤 이유로 이미지가 완전히로드되지 않는다는 것입니다. 페이지를 새로 고침하면 이미지가 완전히로드됩니다.

캐 러셀 코드 :

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

    스타일 끝에 추가하십시오.

관련 자료

  • 이전 html - Wordpress가 "-"를 "—"로 변경합니다
  • 다음 Python에서 인쇄 순서 지정