swiper loop下方的小图是点击怎么改成鼠标悬浮？

鼠标悬浮代替点击

• 实现鼠标悬浮效果：可以通过修改swiper的配置，使用hover代替click进行图片切换。5

配置swiper以支持鼠标悬浮

• 设置thumbs参数：在Swiper的配置中，可以设置thumbs参数来启用鼠标悬浮效果，从而在鼠标悬停时自动切换到对应的图片。5
• 添加hover事件：在swiper的缩略图上添加CSS hover效果，使得鼠标悬停时触发图片切换。5
• 注意兼容性：确保在不同设备上，鼠标悬浮效果都能正常工作，特别是移动设备上的触摸操作。9

代码示例

var mySwiper = new Swiper('.swiper-container', {
  loop: true,
  autoplay: {
    delay: 2500,
    disableOnInteraction: false
  },
  thumbs: {
    swiper: anotherSwiper
  },
  on: {
    init: function () {
      // 鼠标悬浮时触发图片切换
      $('.swiper-slide').hover(function () {
        mySwiper.slideToLoop($(this).index());
      }, function () {});
    }
  }
});

• 注意：上述代码示例需要根据实际的swiper版本和项目需求进行调整。5