moonStory

슬라이드 배너를 만들 때 보통 swiper API를 많이 사용하는데 프로젝트를 진행하던 중 오류를 발견했다. 배너의 각 슬라이드를 클릭하면 url 이동을 해야 하는데 autoplay loop로 스와이퍼가 돌 경우 첫번 째 슬라이드로 이동하면 딱 그 첫번 째 슬라이드만 url 이동이 되지 않는다. HTML에 클릭 이벤트를 주어 이동하도록 하였다. 서치를 해보니까 스와이퍼 깃허브 오류에 해당 오류가 많이 공유되고 있음을 확인했다. 하지만 명확한 해결 방안이 없었다. 내가 해결한 방법은 스와이퍼 내부의 click이벤트를 사용하는 것이다. swiperOptions = { slidesPerView: 1, spaceBetween: 16, autoplay: { delay: 3000, disableOnInteracti..

안녕하세요? 잘 부탁드립니다!! 안녕하세요? 잘 부탁드립니다!! .slide-text-wrapper { .slide-container { overflow: hidden; .slide-wrapper { display: flex; flex-wrap: nowrap; } .slide { display: flex; align-items: center; flex-wrap: nowrap; position: relative; &.original { animation: 18s linear infinite normal none running infiniteAnimation1; } &.clone { animation: 18s linear infinite infiniteAnimation2; } li { margin: 0 1...