所以首先我基本上没有 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();
}
});