분류 javascript

TypeScript로 작성된 웹용 확장 가능한 저수준 carousel 메뉴

컨텐츠 정보

  • 조회 225 (작성일 )

본문

웹을 위한 확장 가능한 저수준 회전식 슬라이드 기본 JavaScript로 확장하고 멋진 물리 시뮬레이션 회전 목마를 만듭니다. 

종속성이 없으며 100 % 오픈 소스.


https://github.com/davidcetinkaya/embla-carousel 


<div class="embla">
  <div class="embla__container">
    <div class="embla__slide">
      Slide 1
    </div>
    <div class="embla__slide">
      Slide 2
    </div>
    <div class="embla__slide">
      Slide 3
    </div>
  </div>
</div>


.embla {
  overflow: hidden;
}

.embla__container {
  display: flex;
}

.embla__slide {
  position: relative; /* Needed if loop: true */
  flex: 0 0 100%; /* Choose any width */
}


https://davidcetinkaya.github.io/embla-carousel