监听当前页面展示的轮播图

Question

前端如何监听页面当前展示的是哪张轮播图，比如每次会展示两张轮播的图片

Answer 1

可以使用slide事件监听轮播图的切换。

在使用轮播图插件时，通常会提供一个回调函数，在轮播图切换时调用该函数。在回调函数中，可以获取到当前轮播图的索引，从而知道当前展示的是哪张图片。

具体的实现方法取决于你使用的轮播图插件。例如，使用Bootstrap的轮播图插件时，可以在初始化轮播图时传入回调函数：

$('#myCarousel').carousel({
  interval: 2000,
  pause: 'hover',
  wrap: true,
  // 在轮播图切换时调用回调函数
  slide: function (e) {
    var index = $(e.relatedTarget).index();
    console.log('当前展示的是第' + index + '张图片');
  }
});

望采纳