jCarouselLite スクリプトを使用するカルーセルがあります。カルーセルはページのサブメニューとして使用されます。
カルーセルから要素をクリックすると、liはアクティブな 4 つの可視要素のクラスを取得します。
ページの読み込み時にアクティブな要素までスクロールできないようにしたいので、ユーザーに表示されます。
btnGoオプションを試しましたが、アイテムの数は(メニューのように)変更でき、以下に示すように次のボタンでクリックイベントを何度もトリガーできますが、イベントは1回トリガーできますが、その後はトリガーされません仕事。
$('.slideshow').jCarouselLite({
btnNext: "#next",
btnPrev: "#prev",
visible:4,
circular: false,
mouseWheel: true,
btnGo:[".slideshow li.active"]
});
//scroll to active element
var activePosition = $('.slideshow ul li.active').position();
if (activePosition != null) {
var index = $('.slideshow ul li.active').index();
for (var i = index-4; i >= 0; i--) {
$('#next').trigger('click').delay( 800 );
}
};
これはどのような方法で行うことができますか??