感谢 Slider。 但是如何在每张幻灯片的中心添加自定义文本和日志。？ 谢谢

Question

我遇到了这个惊人的 slider 并且很喜欢它。 然而 slider 没有自动播放或循环播放功能。 你能帮我解决这个问题吗？ 我尝试使用 j Query，但我很困惑。 非常感谢您的帮助。 在这里查看 Slider

$(document).ready(function() {
const $cont = $('.cont');
const $slider = $('.slider');
const $nav = $('.nav');
const winW = $(window).width();
const animSpd = 750; // Change also in CSS
const distOfLetGo = winW * 0.2;
let curSlide = 1;
let animation = false;
let autoScrollVar = true;
let diff = 0;

样品在这里。

谢谢

Answer 1

对于自动播放，添加一个setInterval function 来运行navigateRight() ，例如每 2 秒：

setInterval(function() {
    if (animation) return;
    navigateRight();
}, 2000);

对于循环，更改navigateLeft() 、 navigateRight()和bullets()函数以指示到达末尾时要执行的操作，例如：

if (curSlide >= numOfCities) {
    curSlide = 0;
};

演示