2017-11-27 3 views
0

Ich möchte Slick Karussell auf die erste Folie zurückspulen, wenn es die letzte Folie erreicht, suchte ich nach einer Lösung, fand aber keine.Slick Slider - Zurückspulen auf die erste Folie beim Erreichen der letzten

Hier ist die JSFiddle für glatt, ich möchte etwas wie the rewind feature of Owl Carousel. Ich würde Owl Karussell verwenden, aber Slick hat einige Funktionen, die ich brauche und Owl Carousel hat nicht. Wenn jemand weiß, wie man dies tun werde ich

$(".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>

Antwort

0

Nach this dankbar sein, können Sie einfach {slidesToShow:1,} nehmen, um Ihren Slider Anruf aussehen wie $(".slider").slick();

auch zu machen, es sieht Wie Ihre Datei, die Sie freigegeben haben funktioniert, aber Ihre integrierte Code-Snippet-Demo hat keine jQuery darauf. Vielleicht ist das dein wirkliches Problem?

+1

Ich möchte die Folie zurückspulen, wenn die letzte Folie erreicht wird, genau wie Eulenkarussell, ich verstehe nicht, was Sie meinen. –

+0

Slick Karussell wird automatisch auf den ersten zurückgespult. Meinst du die Rückspulaktion CSS? Sie haben das in Ihrer Frage nicht angegeben. –

+0

Das normale Verhalten ist Endlosschleife, was ich will ist zurückspulen –

Verwandte Themen