如何将下一个箭头添加到javascript幻灯片中

时间:2017-01-26 17:40:40

标签: javascript jquery html

我有这个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);

0 个答案:

没有答案