2017-02-06 6 views
0

Ich verwende Slick in meinem Projekt und ich muss zwei Folien zentrieren. Leider centerMode Option funktioniert nur mit ungeraden Zahlen slidesToShow zählt. Ich habe versucht, aktive Folien mit CSS zu zentrieren, aber ohne Effekte.Wie zentriert man 2 Slides im Slick Karussell?

Kennen Sie eine Lösung? Vielen Dank im Voraus!


Edit:

Beispiel meines Karussell: https://jsfiddle.net/lukaszflorczak/y7t64oqs/.

Ich möchte 1 zentriertes Element auf den kleineren Bildschirmen haben, nächste 2, 3 usw. Nicht aktive Objektträger haben weniger Deckkraft.

+0

Ich glaube nicht, Slick Karussell ist so konzipiert, 2 Folien zu zentrieren. Entweder Sie finden ein anderes Karussell, das bietet, was Sie tun möchten, oder Sie machen Ihr eigenes Karussell. – user3771102

+0

Ich weiß, Slick hat diese Option standardmäßig nicht. Das Problem ist, ich benutze Slick jetzt an wenigen anderen Stellen im Projekt und möchte alle Karussells mit einem Plugin machen. Von einem Slick-Mitwirkenden habe ich Informationen: "Es gibt eine Möglichkeit, das Zentrum von zwei aktiven Dias mit css und js zu bestimmen", aber ohne Details. Also ich hoffe jemand hier kennt eine Lösung :) –

+0

Bitte posten Sie ein funktionsfähiges Beispiel Ihres Codes, den Sie bisher gemacht haben, damit wir einen Weg finden können, Ihr Problem zu lösen. – user3771102

Antwort

0

Slick Carousel-Objektträger können zentriert werden, indem die horizontalen Ränder von .slick-track auf auto eingestellt werden und zusätzlich das Attribut centerMode verwendet wird.

slick-track { 
    margin-left: auto; 
    margin-right: auto 
} 
+0

'.slick-track' aber es funktioniert sowieso nicht. – aaron

Verwandte Themen