まず、私は基本的に JavaScript や Jquery の実用的な知識がありません。次に、これに対する答えを調べて、いくつか試してみましたが、何もうまくいきませんでした。
私のスライドは 6 ～ 7 秒ごとに変わるようです。各スライドを長持ちさせたい。変わるまで12秒くらいかな。速度とタイムアウトの値を変更し、一時停止機能にマウスオーバーを追加しようとしましたが、何も機能しませんでした。
これは、Web テンプレートに組み込まれたコードです。上半分は管理者の編集用のようですが、下は一般的なページ ビューです。これに関するヘルプは大歓迎です。
jQuery.noConflict();
jQuery(document).ready(function($){
// Checks for Admin to apply fixes for backend
if ( $('#adminbar #toolbar').length ) {
$('#features').cycle({
fx: 'scrollRight',
speed: 100,
next: '#next',
prev: '#prev',
timeout: 0
});
$("#controls").show();
$("ul#featuredNav").css({
'margin-top': '-38px'
});
$("ul#featuredNav li").css({
'margin': '-20px 0 90px',
'padding': '0 0 0 20px'
});
$("#featuredWrapper").css({
'margin': '0 0 80px'
});
}
else {
$('#features').cycle({
fx: 'scrollRight',
pager: '#featuredNav',
speed: 500,
timeout: 6000,
pagerAnchorBuilder: function(idx, slide) {
// return selector string for existing anchor
return '#featuredNav li:eq(' + idx + ')';
},
updateActivePagerLink: function(pager, currSlideIndex) {
$(pager).find('li').removeClass('activeTab')
.filter('li:eq('+currSlideIndex+')').addClass('activeTab');
}
});
$("#controls").hide();
}
});