【问题标题】:Slideshow Flexslider is too fast幻灯片 Flexslider 太快了
【发布时间】:2014-03-04 05:13:55
【问题描述】:

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

【问题讨论】:

    标签: flexslider


    【解决方案1】:
    $(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,没有这个选项

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-05-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多