幻灯片幻灯片太快了

时间:2014-03-04 05:13:55

标签: flexslider

我在我的网站上使用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)
        }
    });
});

1 个答案:

答案 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,没有这样的选项