【问题标题】:Nivo slider: trying to increase rotation speedNivo 滑块:试图提高旋转速度
【发布时间】:2013-05-20 21:44:01
【问题描述】:

我正在开发一个使用 nivo 滑块的网站。它工作正常......只是图像移动速度不够快。我阅读了文档,并在 jquery.nivo.slider.js 文件中进行了以下更改:

animSpeed: 1000,
pauseTime: 1000,

到 动画速度:10, 暂停时间:50,

我的问题?我根本无法让滑块自动旋转!

有人可以指点一下吗?

http://dev.htnbank.com

使用 jQuery 1.9.1。除了速度……嗯,不动,nivo 滑块工作正常。

【问题讨论】:

    标签: jquery nivo-slider


    【解决方案1】:

    目前,您的 js 文件中有此文件,名为 main(第 59-64 行):

    $('#slider').nivoSlider({ 
        effect: 'fade',  
        pauseTime: 3000000, // <- this is causing your problems
        directionNav: true, 
        customChange: function(){Cufon.replace('.nivo-caption');}
    });
    

    pauseTime 选项使幻灯片在每张幻灯片之间等待 50 分钟。您已经更改了 jquery.nivo.slider.js 中的 nivoSlider 默认设置,但上面代码中的选项正在覆盖它。您应该将其更改为:

    $('#slider').nivoSlider({ 
        effect: 'fade',
        animSpeed: 500,
        pauseTime: 500,
        directionNav: true, 
        customChange: function(){Cufon.replace('.nivo-caption');}
    });
    

    我对这两个选项都使用了500ms,因为您想要使用的值会使幻灯片移动得如此之快,以至于没有人能够查看它们。

    【讨论】:

      【解决方案2】:
      jQuery(document).ready(function($) {
           $('#slider').nivoSlider({
                effect: 'fade',
                animSpeed: 340,
                pauseTime: 6000    
           });
      });
      

      【讨论】:

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