마지막 두 개의 슬라이드를 제거하십시오.

Question

특정 브라우저 너비에서 내 매끄러운 슬라이더의 마지막 두 개의 슬라이드를 제거해야합니다.

내가 생각 :

$('.slider').slick('slickRemove', slideIndex - 1); 

적어도 마지막을 위해 그것을 할 것입니다. 그러나 나는 틀렸다. 여기

는 바이올린입니다 : https://jsfiddle.net/osywsskz/

..

내가 특정 슬라이드 번호를 선택하는 경우 : 작동

$('.slider').slick('slickRemove',4); 

합니다. 슬라이드의 수는 달라, 그래서 이것은 해결책 the github page of slick.js에서 직접

Answer 1

:

$(".slider").slick({ 
    autoplay: false, 
    dots: true, 
}); 

$(document).ready(function(){ 

    var docWidth = $(document).width();  

    function getLastSlide(){ 
    return ($(".slider").slick("getSlick").slideCount - 1); 
    } 

    var deleteCount = 2; 

    if(docWidth>500 && docWidth<700) 
    { 
    for (var i = 0; i < deleteCount; i++) { 
     $('.slider').slick('slickRemove', getLastSlide()); 
    } 
    } 
}); 

Answer 2

없지만 :

slickRemove
인덱스, 인덱스에 의해 removeBefore
제거 슬라이드. removeBefore 이 true로 설정된 경우 슬라이드 선행 색인을 제거하거나 색인이 지정되지 않은 경우 첫 번째 슬라이드를 제거합니다. removeBefore가 false로 설정된 경우 색인 뒤에 슬라이드 슬라이드를 제거하거나 색인이 설정되지 않은 경우 마지막 슬라이드를 제거하십시오.

그래서 $('.slider').slick('slickRemove', false); 트릭을! 참조 바이올린 : 우리는 슬라이드 수를 얻을 수 https://jsfiddle.net/0ufomhmz/

Answer 3

당신은 슬라이드의 개수로 slideIndex을 정의 할 필요가있다. 당신은 다음과 같은 코드가 작동 (가장 우아한되지 않음)되는 마지막 두 개의 슬라이드를 제거하려면

var slideIndex = $(".slider > *").length 

을 다음과 같이 즉, 수행 할 수 있습니다

$('.slider').slick('slickRemove', slideIndex); 
$('.slider').slick('slickRemove', slideIndex - 1); 

이 모든 그래서 당신의 if 문 안에 최종 코드는 다음과 같습니다.

var docWidth = $(document).width();  

if(docWidth>500 && docWidth<700) 
{ 
    var slideIndex = $(".slider > *").length 
    $('.slider').slick('slickRemove', slideIndex); 
    $('.slider').slick('slickRemove', slideIndex - 1); 
}