获取当前slick幻灯片的IMG（vanilla JS或jQuery）

Question

这就是我所说的非常著名的“滑头”：https://kenwheeler.github.io/slick/

我找到了这个完美的答案：

$('.slider').slick({
  dots: true,
  autoplay: true,
  autoplaySpeed: 1000,
  infinite: true,
  speed: 1000,
  slide: 'div',
  cssEase: 'linear'
 });

$('.slider').on('afterChange', function(event, slick, currentSlide, nextSlide){
  //Here I do split the `src` attribute value because I'm using an absolute path.
  // $(slick.$slides.get(currentSlide)) gives the whole slide 
  var CurrentImg=$(slick.$slides.get(currentSlide)).find('img').attr('src').split('/').pop();
  console.log(CurrentImg)
});

我的问题是，如果我从来没有触摸幻灯片，事件永远不会调用，所以我没有当前图像的线索。

如果我只是在任何一个地方尝试一下，请点击：

$(slick.$slides.get(currentSlide)).find('img').attr('src').split('/').pop()

当然不管用，因为“滑头”从来没有定义过。如果我做了

slick = $('.slider').slick({
....

告诉我那些花言巧语也不正确$幻灯片未定义。

如果我没有参加某个活动，我在哪里可以正确地引用“slick”？非常感谢。

Answer 1

您可以在一个页面上有多个slick滑块，因此要获得一个特定的滑块，您可以使用. slick（getSlick）来获取当前slick对象：

$（'.selector.for.one.slick滑块'）。光滑（'getSlick'）

如果然后在$slides下进行检查，您将看到所有幻灯片，筛选出具有类名称滑动滑动当前的幻灯片，您将获得所选滑动滑动当前幻灯片的当前幻灯片<代码>。get（currentSlide）在这一部分对我来说不起作用，但你应该能够过滤掉元素。

查看官方文件中的“方法”部分