slick 슬라이더 라이브러리 질문

slick 슬라이더 라이브러리 질문

QA

slick 슬라이더 라이브러리 질문

본문

슬라이드가 3개만 보이도록 설정했는데, 오른쪽 끝에 다음 슬라이드가 살짝 보이네요. 안 보이게 수정하는 방법 궁금합니다!!

2083859782_1708943149.1544.jpg

이 질문에 댓글 쓰기 :

답변 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>
답변을 작성하시기 전에 로그인 해주세요.
전체 44
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT