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
  });
});

如果除了Slick之外还有一个更好的插件可供使用，我会全力以赴。

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

抓取和刷卡

1 个答案: