私は主にバナーローテーターにjQueryCycleを使用していますが、現在の作業では、jQuerycycleで数値を表示する必要があります。それで、そうすることは可能ですか?はいの場合、どのように?jQuery Cycleのドキュメントにはそのようなものは見当たりませんでしたし、そのデモにもそのような番号付けは見られませんでした。
他のプラグインを調べて使用するのではなく、このプラグインを数字で使用したいと思います。
私は主にバナーローテーターにjQueryCycleを使用していますが、現在の作業では、jQuerycycleで数値を表示する必要があります。それで、そうすることは可能ですか?はいの場合、どのように?jQuery Cycleのドキュメントにはそのようなものは見当たりませんでしたし、そのデモにもそのような番号付けは見られませんでした。
他のプラグインを調べて使用するのではなく、このプラグインを数字で使用したいと思います。
あなたは確かにできます。jQuery Cycleは適切に設計されたプラグインであり、スライド遷移の前後に発生するコールバックとして使用できる関数があります。コールバックを使用しbefore
て現在のスライドの番号を取得し、それを使って何かをするだけです。
実例: http: //jsfiddle.net/5ZqFA/
var $slideshowImages = $('.slideshow img'),
$number = $('#number');
$('.slideshow').cycle({
fx: 'fade',
startingSlide: 0,
before: function (currSlideElement, nextSlideElement, options, forwardFlag) {
var $img = $(nextSlideElement),
number = $slideshowImages.index($img);
number += 1;
$number.text(number);
}
});
プラグインのオプションはここに文書化されています:http://jquery.malsup.com/cycle/options.html
Pagerを使用するためのCyclePluginのドキュメントは次のとおりです 。CyclePager-http://jquery.malsup.com/cycle/pager.html