我在我的网站上使用flexslider幻灯片,但速度太快了。我想在每张幻灯片之间暂停一下。有3张幻灯片。在另一张幻灯片显示之前,不容易阅读其中一张幻灯片上的所有文字。
以下代码来自Functions.js文件。如何减慢幻灯片的速度并让它在每张幻灯片之间暂停。
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
controlsContainer: ".slider-holder",
slideshowSpeed: 7000,
directionNav: false,
controlNav: true,
animationDuration: 5000,
before:function( slider ){
$('.img-holder').animate({'bottom' : '-30px'},300)
},
after:function( slider ){
$('.img-holder').animate({'bottom' : '0px'},300)
}
});
});
答案 0 :(得分:0)
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
controlsContainer: ".slider-holder",
slideshowSpeed: 7000,
directionNav: false,
controlNav: true,
animationSpeed: 6000,
before:function( slider ){
$('.img-holder').animate({'bottom' : '-30px'},300)
},
after:function( slider ){
$('.img-holder').animate({'bottom' : '0px'},300)
}
});
});
使用animationSpeed: 6000
选项控制速度,值在millseconds
6000 = 6秒,也删除animationDuration
,没有这样的选项