如何向javascript幻灯片添加下一个箭头

我有这个javascript幻灯片。我想相应地添加指向下一张或上一张幻灯片的箭头，但我不确定如何进行。我唯一的想法是为每张幻灯片创建一个下一个和上一个箭头，并将它们链接到相应的幻灯片，但我忍不住认为有一种比创建6个箭头更有效的方法

var counter = 0;
var divs = jQuery('#slider_1, #slider_2, #slider_3');

function showDiv() {
    divs.fadeOut('slow').delay(500).filter(function (index) { return index == counter % 3; }).fadeIn('slow');
    counter++;
};

showDiv();  

setInterval(function () {
    showDiv();
}, 8 * 1000);

---

这不仅仅是“添加箭头”。您必须在HTML中添加一个保持在滑块前面的向后和向前箭头。然后，将它们连接到

nextSlide

和

prevSlide

函数（您目前没有）。您可以提供一个工作小提琴吗。我的第一次尝试是，您需要在showDiv（）中定义prevArrow和nextArrow按钮，然后利用click函数中的counter++和counter。我无法让它在jfiddle上运行，尽管它在网站上运行良好。我可以在showDiv中放置一个事件侦听器并递增/递减计数吗？