Slick Karussell volle Breite mit Center-Modus funktioniert nicht

Question

Ich versuche, eine volle Breite Seite Schieberegler mit einer Folie zu zentrieren und 2 Folien werden teilweise auf beiden Seiten sichtbar sein.

Aber aus irgendeinem Grund ist eine große weiße Lücke sichtbar. Ich habe versucht mit img Breite 100% aber die Bildauflösung ist verzerrt.

JQuery-Code:

$('.slider').slick({ 
    centerMode: true, 
    slidesToShow: 1, 
    slidesToScroll: 1, 
    dots: true, 
    infinite: true, 
    cssEase: 'linear' 
}); 

Demo - https://jsfiddle.net/squidraj/hn7xsa4y/

Jede Hilfe sehr geschätzt wird.

Answer 1

Vielleicht möchten Sie verwenden, um versuchen:

$('.slider').slick({ 
centerMode:true, 
    slidesToShow: 1, 
    slidesToScroll: 1, 
    dots: true, 
    infinite: true, 
    cssEase: 'linear', 
    variableWidth: true, 
    variableHeight: true 
}); 

Dieser die Lücke entfernen sollte, aber Sie könnten einige CSS, um sicherzustellen, dass die glatte <div> groß genug sein wird, um Ihre gesamte Bild anzuzeigen hinzufügen müssen. Sie können auch die CSS für die zugehörigen Bilder ändern.