3

ここに示すように、「current_slide/total_slides」の形式でページ付けされたjQueryCycleスライドショーを作成したいと思います。

pageAnchorBuilderを使用して現在のスライド番号と合計スライド番号を表示し、次にonAfterを使用して現在のスライド番号を更新すると想定していますか？

誰かがこれを手伝うことができますか？ありがとう！

4

2 に答える 2

5

jQueryCycleプラグインの使用をお勧めします。スライドが順序付きリストであると想像してください。

<ol class="slides">
    <li class="slide">...</li>
    ...
</ol>
<a id="prev"></a><span id="counter">1 / 1</span><a id="next"></a>

スライドの総数は、次の電話で確認できます。

var total = $('.slides').children().length;

次に、スライドの変更後にカウンターを更新する必要があります。

$('.slides').cycle({
    after(el) {
        const currentSlideNo = $(el).index();
        $('#counter').text(currentSlideNo + ' / ' + total);
    },
    prev: $('#prev'),
    next: $('#next'),
});
于 2012-04-18T22:13:56.047 に答える
4

jqueryサイクルプラグインはafterイベントですでにそれらを返すため、totalとslideindexを計算する必要はありません。

 after: function(currSlideElement, nextSlideElement, options, forwardFlag) {

    $('#counter').text((options.currSlide + 1) + '/' + (options.slideCount));
 }

これがjsfiddeです：http：//jsfiddle.net/lucuma/Dhqdc/2/

于 2012-05-06T19:25:04.430 に答える