그랩 앤 스 와이프 카드

Question

저는 JS Carrousel 플러그인 인 Slick으로 애니메이션 카드를 만들고 있습니다.

가 여기에 https://www.hioscar.com/individuals/network/ny

여기에 표시된 것과 같은, 호버 기능에 대한 일시 정지뿐만 아니라, 복 및 슬쩍 상호 작용을 추가 할 수 있는지 궁금 해요

는 내가 지금까지있어 무엇 : http://jsfiddle.net/gavinfriel/kbsemva0/1/

<section class="slider"> 
    <!--staff-card : The first card repeats unexpectedly--> 
    <div class="staff-card">1</div> 
    <!-- /staff-card --> 

    <!--staff-card--> 
    <div class="staff-card">2</div> 
    <!-- /staff-card --> 

    <!--staff-card--> 
    <div class="staff-card">3</div> 
    <!-- /staff-card --> 
</section> 

JS

$(function() { 
    $('.slider').slick({ 
    speed: 07000, 
    autoplay: true, 
    autoplaySpeed: 0, 
    cssEase: 'linear', 
    slidesToShow: 1, 
    slidesToScroll: 1, 
    variableWidth: true 
    }); 
}); 

나는 모든 귀 해요 슬릭 이상이 기타에 사용할 더 나은 플러그인이 있다면.

Answer 1

확인이 당신을 만족하면 내가 도울려고 여전히 :), 다음 미안하지 않을 경우, 나는 확실하지 않다;) 그럼 그게 최선 내가 할 수있는 :

$(function() { 
    $('.slider').slick({ 
    speed: 1000, 
    autoplay: true, 
    autoplaySpeed: 0, 
    pauseOnHover: true, 
    cssEase: 'linear', 
    slidesToShow: 1, 
    slidesToScroll: 1, 
    variableWidth: true, 
    draggable: true, 
    swipeToSlide: true, 
    }); 
}); 

Possible solution

감사합니다, KJ