Flickity Slider mit benutzerdefinierten CSS pro Karussell-Zelle

Question

Ich möchte benutzerdefinierte Höhe (und mögliche andere Dinge) die Karies-Zellen "INDIVIDUELL". Ich kann sehen, es ist irgendwie mit Javascript von der flickity package selbst berechnet.

Wie könnte ich das überschreiben, um so etwas zu erstellen (mit der kleineren inaktiven Folie)?

.

Ich habe versucht, die Karussellzellen eine Höhe von 300px zu geben, und das aktive Karussell (wer hat eine Klasse is-selected) eine Höhe von 500px. Das hat nicht funktioniert.

.carousel-cell { 
    width: 70%; 
    height: 300px; 
    background: #8C8; 
} 

.is-selected{ 
    height: 500px !important; 
} 

A simple codepen to get you started if you like.

Answer 1

Sie müssen die asNavFor Probe arbeiten, bis Sie wie in diesem CodePen