2

現在、 Cycle for jQueryというプラグインを使用しており、小さな機能を微調整したいと考えていますが、その方法がよくわかりません。

jsbinでここで表示できる例を作成しました。

私が抱えている問題は、実際のスライドの「カウンター」にあります。現在構成されている方法では、フェードが終了するまで現在のスライドは更新されません。これは、プラグインの「after」コールバックを通じて行われます。その他のオプションはこちら.

私がやりたいのは、アニメーションが開始されるとすぐに番号が変わる場所にすることです。つまり、基本的に 2 番目のスライド 2 がアニメーションを開始し、カウントは「2/3」になります。

どんな助けでも大歓迎です。必要に応じて Cookie を送信します。

4

2 に答える 2

2 
$('#slideshow-container').cycle({
    speed:  '1200',
    after: onAfter,
    timeout: 1200
  });
});

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

私はこの投稿が古いことを知っていますが、それは役に立ちました、私はいくつかの修正をしました、そしてこれは私のために働きました。

于 2011-09-01T07:15:02.467 に答える
1

このプラグインには詳しくありませんが、次の変更が役立つ場合があります。

jQuery(function(){

$('#slideshow-container').cycle({
    speed:  '1200',
    before: before,
    timeout: 1200
  });
});

started = false;
function before(curr,next,opts) {
  var slide = (!started ) ? 1 : opts.nextSlide + 1;

  started = true;
  var caption1 = '(' + (slide) + ' of ' + opts.slideCount + ')';
  $('#count').html(caption1);
}
于 2010-06-03T23:54:18.607 に答える