Javascript 带下一个/下一个箭头、标题的幻灯片放映。。。但无法添加计数器

我正在使用JQuery循环制作幻灯片，箭头已完成，标题已完成，但我无法制作计数器。我的幻灯片基于以下示例： 在这一个计数器工作，但没有幻灯片，我有

HTML:

JAVASCRIPT:

$(document).ready(function() {
        $(‘#slideshow’).cycle({
        fx:'fade',
        speed: 300,
        timeout:4000,
        next: '#next',
        prev: '#prev',
        before: onBefore,
});
function onBefore() {
    $('#description p').fadeIn('1000');
        $('#description').html('<p>' + '<a href="' + this.name + '">' + this.alt + '</a>' + '</p>');
    }
});

---

尝试将您的JavaScript更改为以下内容，其中我添加了另一个回调

免责声明，未经测试

$(document).ready(function() {
    $(‘#slideshow’).cycle({
    fx:'fade',
    speed: 300,
    timeout:4000,
    next: '#next',
    prev: '#prev',
    before: onBefore,
    after: onAfter
});
function onBefore() {
    $('#description p').fadeIn('1000');
        $('#description').html('<p>' + '<a href="' + this.name + '">' + this.alt + '</a>' + '</p>');
    }
};

function onAfter(curr,next,opts) {
    var caption = 'Image ' + (opts.currSlide + 1) + ' of ' + opts.slideCount;
    $('#caption').html(caption);
}

---

谢谢，但它不起作用。我找不到任何类似于我想要的幻灯片

$(document).ready(function() {
    $(‘#slideshow’).cycle({
    fx:'fade',
    speed: 300,
    timeout:4000,
    next: '#next',
    prev: '#prev',
    before: onBefore,
    after: onAfter
});
function onBefore() {
    $('#description p').fadeIn('1000');
        $('#description').html('<p>' + '<a href="' + this.name + '">' + this.alt + '</a>' + '</p>');
    }
};

function onAfter(curr,next,opts) {
    var caption = 'Image ' + (opts.currSlide + 1) + ' of ' + opts.slideCount;
    $('#caption').html(caption);
}