2017-01-03 1 views
0

Ich habe ein Karussell mit sechs Bildern, die unendlich läuft mit Nuka Carousel Und wenn ich die Bilder auf der Seite sehen, sind sie auf die Breite gestreckt. Nachdem ich in der Konsole nachgesehen habe, habe ich festgestellt, dass die nuka Slider-Klasse 100% Breite zu Bildern hinzufügt und das Deaktivieren der Bilder behebt.Nuka Slider Hinzufügen 100% Breite streckt meine Bilder in reagieren

.slider-slide > img { 
    width: 100%; 
    display: block; 
} 

Gibt es eine Möglichkeit, die Breite zu deaktivieren, damit die Bilder nicht gedehnt werden?

+0

Haben Sie versucht, einen CSS-Stil hinzuzufügen und die Breite auf 'auto' zu setzen? – mhatch

+0

Sie müssen etwas falsch in der Einrichtung gemacht haben, da der Schieberegler eine Inline-Breite zu '.slider-slide' hinzufügen soll. – Pete

+0

automatisches Hinzufügen zur Breite korrigiert die Bilder als mhatch vorgeschlagen Danke! – user3476614

Antwort

0

Meine Lösung ist wie folgt. Die Bilder strecken sich nicht im Vollbildmodus.

img.your-class-name { 
    background-repeat: no-repeat; 
    min-width: 100%; 
    width: 100%; 
    height: 100%; 
}