在无限平滑的修改过的猫头鹰滑块上添加暂停

Question

我想做的是建立一个无限平滑的图像滑块。我从https://codepen.io/mdrezwanferdous/pen/wpNZxN开始使用代码，因为我想具有相同的效果。 但是我很难弄清楚如何添加悬停效果。当鼠标悬停在单张图片上时，滑块应立即停止。当鼠标离开时，滑块应继续循环播放。

到目前为止我一直在尝试做的事情：

select *
from status

但是，这四行都不起作用。

有一种简单的方法可以解决此问题吗？猫头鹰旋转木马甚至可以做到吗？

如果否，是否有任何免费的滑块可以执行此操作？我尝试使用Slick滑块，但是效果不佳（问题是因为在悬停时幻灯片没有立即停止。相反，它等待幻灯片过渡完成）。

任何帮助将不胜感激。

Answer 1

您要遵循的示例似乎过于复杂。我建议在这里使用Slick.js。

图书馆文档应该足以帮助您入门： https://kenwheeler.github.io/slick/

重点关注我认为您正在寻找的这两个设置（autoplay，pauseOnHover）（请参见“自动播放”部分）：

$('.autoplay').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  autoplay: true,
  autoplaySpeed: 2000,
  pauseOnHover: true
});

让我知道您是否还有更多麻烦来理解自己的问题