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

问题描述

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

$(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;

在这里采样。

谢谢

解决方法

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

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

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

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

Demo

jquery slider slider