slick 슬라이더 라이브러리 질문
본문
슬라이드가 3개만 보이도록 설정했는데, 오른쪽 끝에 다음 슬라이드가 살짝 보이네요. 안 보이게 수정하는 방법 궁금합니다!!
답변 1
위 사항만으로는구체적인 답변이 불가할 것 같습니다.
최소한 소스코드를 알려주셔야 많은 답변을 받으실 수 있으실것 같습니다.
다음을 참고해 보세요
<style>
.slider-container {
width: 300px; /* 슬라이드 컨테이너의 너비 조정 */
overflow: hidden; /* 넘치는 부분 숨기기 */
}
.slider {
display: flex; /* 슬라이드를 가로로 나열하기 위해 Flexbox 사용 */
transition: transform 0.5s ease; /* 슬라이드 전환 효과 */
}
.slide {
flex: 0 0 100%; /* 슬라이드의 크기 설정 */
max-width: 100%; /* 슬라이드가 최대 너비를 넘지 않도록 설정 */
}
</style>
<div class="slider-container">
<div class="slider">
<div class="slide">슬라이드 1</div>
<div class="slide">슬라이드 2</div>
<div class="slide">슬라이드 3</div>
<!-- 추가적으로 필요한 슬라이드들을 여기에 추가 -->
</div>
</div>
<script>
// JavaScript를 사용하여 슬라이드를 제어하는 코드를 추가
</script>
답변을 작성하시기 전에 로그인 해주세요.