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

Question

我偶然发现了这个神奇的滑块并且非常喜欢它。然而，滑块不具有自动播放或循环播放功能。你能帮我吗？我尝试使用 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;

此处示例。

谢谢

Answer 1

对于自动播放，将 setInterval 功能添加到运行 navigateRight()，例如2s:

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

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

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

Demo

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

Thanks for the Slider. But How to Add Custom Text and logs in center of each slide.? thanks

jquery

slider