Slick Carousel - centerMode ohne Überschuss gleitet

Question

ich eine Folie machen will (mit Slick.js), basierend auf dem Bild, ich will centerMode:true und focusOnSelect:true ...

machen, aber die Problem ist, es wird zwei überschüssige Folie (links und rechts) sein. Wie entferne ich sie?

Ich habe bereits versucht centerMode auf false zu setzen. Es wird keine überschüssige Folie geben, aber die ausgewählte Folie befindet sich am weitesten links. Deshalb ist es wichtig, dass ich centerMode auf true setze, weil ich die ausgewählte Folie in der Mitte machen möchte.

Sorry für mein schlechtes Englisch.

Jede Hilfe wird geschätzt.

Dank

Answer 1

Sie könnten eine Methode erstellen, die eine opacity von 0 zu der Folie gilt, die vor dem ersten als auch auf der Folie angezeigt wird, dass heißt die Teil Dias nach dem letzten erscheint. Sie können diese Methode nach der Initialisierung des Schiebers anrufen und nach jedem Bildwechsel über das afterChange Ereignis:

function setSlideVisibility() { 
    //Find the visible slides i.e. where aria-hidden="false" 
    var visibleSlides = $('.slick-slide[aria-hidden="false"]'); 
    //Make sure all of the visible slides have an opacity of 1 
    $(visibleSlides).each(function() { 
    $(this).css('opacity', 1); 
    }); 
    //Set the opacity of the first and last partial slides. 
    $(visibleSlides).first().prev().css('opacity', 0); 
    $(visibleSlides).last().next().css('opacity', 0); 
} 

$(setSlideVisibility()); 

$('.slider').on('afterChange', function() { 
    setSlideVisibility(); 
}); 

Fiddle Demo