2017-11-27 157 views
0

슬릭 컨베이어가 마지막 슬라이드에 도달하면 첫 번째 슬라이드로 되감기를하고 싶습니다. 해결책을 찾았지만 찾지 못했습니다.슬릭 슬라이더 - 마지막 슬라이드에 도달하면 첫 슬라이드로 되감기합니다.

여기는 매끄러운을위한 JSFiddle입니다, 나는 the rewind feature of Owl Carousel 같은 것을 원합니다. 나는 올빼미 회전 목마를 사용할 것이지만 Slick은 내가 필요로하고 올빼미 회전 목마가 가지고 있지 않은 몇 가지 특징을 가지고있다. 누군가가이 작업을 수행하는 방법을 알고 있다면 나는 그것을 본다

$(".slider").slick({ 
 
    slidesToShow:1, 
 
});
.slider { 
 
    width: 100%; 
 
    display: flex; 
 
    align-items: center; 
 
    justify-content: center; 
 
} 
 

 
.slider span { 
 
    height: 200px; 
 
    background: grey; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" rel="stylesheet"/> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script> 
 
<section class="slider"> 
 
    <span>slide1</span> 
 
    <span>slide2</span> 
 
    <span>slide3</span> 
 
</section>

답변

0

this에 따르면 방금 또한 $(".slider").slick();

처럼 슬라이더 전화 보이게하기 위해 {slidesToShow:1,}을 걸릴 수 있습니다 감사합니다 공유 한 jsfiddle처럼 작동하지만 통합 코드 스 니펫 데모에는 jquery가 없습니다. 그게 진짜 문제 야?

+1

올빼미 회전 목마처럼 마지막 슬라이드에 도달하면 슬라이드를 되감기를 원하며, 나는 당신이 무엇을 의미하는지 이해하지 못합니다. –

+0

슬릭 캐 러셀은 자동으로 첫 번째 슬라이드로 되감습니다. 되감기 동작 CSS를 의미합니까? 당신은 당신의 질문에 그것을 명시하지 않았습니다. –

+0

정상적인 동작은 무한 루프입니다. 원하는 것은 되감기입니다. –