Javascript Nivo滑块不同的滑动时间
我正在使用nivoSlider插件在客户网站上滑动横幅。我需要为每张幻灯片设置不同的延迟时间。我发现了这个解决方案:Javascript Nivo滑块不同的滑动时间,javascript,jquery,nivo-slider,Javascript,Jquery,Nivo Slider,我正在使用nivoSlider插件在客户网站上滑动横幅。我需要为每张幻灯片设置不同的延迟时间。我发现了这个解决方案: var nivoSliderDelays = [5000,2000,3500]; function setDelay() { var currentSlide = $('#slider').data("nivo:vars").currentSlide; setTimeout(function () { $('#slider').find('a.nivo-nextNav'
var nivoSliderDelays = [5000,2000,3500];
function setDelay() {
var currentSlide = $('#slider').data("nivo:vars").currentSlide;
setTimeout(function () {
$('#slider').find('a.nivo-nextNav').click()
}, window.nivoSliderDelays[currentSlide]);
}
$('#slider').nivoSlider({
pauseTime: 3000,
startSlide: 0,
directionNav: true,
controlNav: true,
controlNavThumbs: false,
pauseOnHover: false,
manualAdvance: true,
beforeChange: function(){},
slideshowEnd: function(){},
lastSlide: function(){},
afterLoad: function(){ setDelay() },
afterChange: function(){ setDelay() }
});
正如您在屏幕上看到的,这似乎很好。问题是,如果您使用controlNav或directionNav导航,脚本会发疯。所有设置的延迟似乎都变为无法解释的短时间,并且每张幻灯片都有不同的计时
因为客户端可以通过CMS更改每张幻灯片的时间,所以我必须将nivoSliderDealys设置为全局JavaScript变量,您认为这可能是问题所在吗?我是否有其他机会从scripts.js访问MySQL db中存储的变量?可能是您的问题通过controlNav属性造成的,我刚刚更新了nivoSlider函数中的部分代码,您可以添加并尝试一下吗
$('#slider').nivoSlider({
animSpeed: 300, // Slide transition speed
pauseTime: 3000, // How long each slide will show
pauseOnHover: false, // Stop animation while hovering
manualAdvance: true, // Force manual transitions
prevText: '<', // Prev directionNav text
nextText: '>', // Next directionNav text
randomStart: false, // Start on a random slide
beforeChange: function(){}, // Triggers before a slide transition
slideshowEnd: function(){}, // Triggers after all slides have been shown
lastSlide: function(){}, // Triggers when last slide is shown
afterLoad: function(){ setDelay() },
afterChange: function(){ setDelay() }
});
我在哪里可以下载最新版本的nivoSlider以及您所做的更新?我从github下载了最新版本,并从列表中删除了controlNav属性、slices、boxCols和boxRows属性,但结果没有任何变化,正如您在网站上看到的那样。您需要自动或手动滑动它,请您解释清楚。通常我希望用户会自动滑动它。当我手动滑动它时,它仍然会执行相同的操作,因此在我切换幻灯片之前,延迟是正常的。然后延迟看起来像是随机产生的。一段时间后,它会自动延迟,并按预期再次工作。
slices: 15, // For slice animations
boxCols: 8, // For box animations
boxRows: 4,