我创建了一些可在滑块悬停时滑动的JavaScript: -将鼠标悬停在滑块的左侧=向左滑动。 -将鼠标悬停在滑块的右侧=向右滑动。
我已经测试了很多东西,这是唯一可行的方法。 如果你们中的任何人从我的代码中有更好的解决方案或优化的解决方案,那就太好了! 预先感谢!
var position;
var infiniteLoop;
var itemInterval = 1000;
function StopAndClean() {
clearInterval(infiniteLoop);
stop();
}
jQuery(".slick-slider").on('mouseover',function(e) {
if ((e.pageX) < jQuery("#team").width() / 2) {
StopAndClean();
console.log('hover-left-and-slide');
infiniteLoop = setInterval(function() {
jQuery('.slick-slider').slick('slickPrev')
},itemInterval);
} else {
console.log('hover-right-and-slide');
StopAndClean();
infiniteLoop = setInterval(function() {
jQuery('.slick-slider').slick('slickNext')
},itemInterval);
}
});
jQuery(".slick-slider").on('mouseout',function(e) {
StopAndClean();
console.log('mouse-leave');
jQuery('.slick-slider').slick('slickPlay')
});