将其他“下一步”按钮添加到滑滑条

问题描述

有人知道如何向Slick Slider添加其他“ Next slide”按钮吗？我已经在使用圆点以及上一个和下一个箭头，但是在第一张幻灯片上，我需要添加一个额外的“下一张幻灯片按钮”（出于设计目的）。建议...帮助...

基本上是一个前进到下一张幻灯片的按钮（因此，在tab-slick-index =“ 0”上转到tab-slick-index =“ 1”）。该按钮只会显示在第一张幻灯片上。

解决方法

查看https://kenwheeler.github.io/slick/方法部分。

可能的解决方案

在第一张幻灯片中添加按钮<button id="nextSlideBtn">Next Slide Button</button>。

ES6

const button = document.getElementById('nextSlideBtn');
const nextSlide = (slider) => {
  $(slider).slick('slickNext');
};
button.addEventListener('click',() => {
  nextSlide(<YOUR SLIDER>);
});

ES5

var button = document.getElementById('nextSlideBtn');
var nextSlide = function nextSlide(slider) {
  $(slider).slick('slickNext');
};
button.addEventListener('click',function () {
  return nextSlide(<YOUR SLIDER>);
});

javascript slick.js