jquery - Flexslider - 每张幻灯片的幻灯片放映速度不同

标签 jquery flexslider

我正在使用 Flexslider,并被要求根据每张幻灯片的内容量在不同的时间显示它,短句子的速度很快,段落的速度很慢。当 flexslide 仅允许 1 个 Slideshowspeed 值时,如何进行设置。我的代码:

$(window).load(function() {
        $('#flexslider1').flexslider({
        easing: "swing",  
        animation: "fade",
        slideshowSpeed: 7000,
        animationSpeed: 600,
        startAt: 0,
        initDelay: 0,
        controlNav: true,
        directionNav: true,
        pausePlay: true,
        pauseText: 'Pause',
        playText: 'Play'
    }); 
});

最佳答案

我遇到了同样的问题,试图仅更改一张幻灯片的速度以使其与其他幻灯片不同。这是我使用的脚本,它有效!

  <script type="text/javascript">
$(window).load(function(){
  $('.flexslider').flexslider({
    animation: "fade",
    slideshowSpeed: 1500,
    animationSpeed: 1000, 
    controlNav: false, 

    start: function(slider){
      slider.removeClass('loading');
    },
    after: function(slider){
        if(slider.currentSlide == 3){
            slider.pause();
            setTimeout(function(){
                slider.play();
            }, 5000);
        }
    }
  });
});

我总共有 5 张图像,但我希望第四张幻灯片 (slider.currentSlide == 3) 停留更长时间 5 秒。

关于jquery - Flexslider - 每张幻灯片的幻灯片放映速度不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13269438/

相关文章:

jquery - 防止幻灯片图像分页链接在图像更改时闪烁

javascript - FlexSlider 未捕获类型错误和引用错误

JavaScript DateTimePicker 返回错误的 unix 时间?

javascript - jQuery-HTML : Display Two multiple feeds into one

php - 为什么 jQuery 不提交这个表单?

javascript - 带有 manualControls 和 controlNav 的 Flexslider

jquery - 如何在 jQuery 中获取图像的当前位置?

javascript - 分页 WebGrid 后脚本停止工作

javascript - 单击缩略图不会更改 flexslider 幻灯片

css - Flexslider 和拉伸(stretch)图像