【问题标题】:How to change Nivo-Slider easing?如何更改 Nivo-Slider 缓动?
【发布时间】:2011-06-22 07:06:30
【问题描述】:

我正在使用 NivoSlider,但我不太擅长使用 javascript,所以我想知道如何更改 nivo-slider 上的过渡效果?或者我可以改变它吗?如果可能的话,我只想在我的图像上使用一种过渡效果。请帮忙。

【问题讨论】:

    标签: javascript nivo-slider


    【解决方案1】:
    // This is the default setting:
    $('#slider').nivoSlider({effect:'random'}) // Each transition effect will be random
    

    //您可以选择以下效果:

    • 切片
    • sliceDownLeft
    • 切片
    • sliceUpLeft
    • sliceUpDown
    • sliceUpDownLeft
    • 折叠
    • 褪色
    • 随机
    • slideInRight
    • 向左滑动
    • 随机盒子
    • boxRain
    • boxRainReverse
    • boxRainGrow
    • boxRainGrowReverse

    【讨论】:

    • 在您的回答中,您应该包括该代码的放置位置。如果我看起来足够努力,我可以弄清楚,在这种情况下我必须这样做,但是这个网站上 90% 的答案的问题是他们没有告诉我们将代码放在哪里。
    • 在我的代码示例中,可以使用列表中的值代替“随机”。我不认为这很难理解。或者您所说的“将代码放在哪里?”是什么意思。如果你发现了,为什么不分享呢?您现在正在做同样的事情:不告诉其他人将该代码放在哪里;)我只是说。
    • 因为没看所以没发现(我对随机效果很满意,我只是好奇如何设置过渡效果)=p我没说关于列表中的代码,我说的是顶部的代码。
    • 我刚刚在我的页面上对其进行了测试,只是为了发现,代码在页面底部的函数调用中。像这样:<script type='text/javascript'> $(window).load(function() { $('#slider1').nivoSlider({effect:'random'}); $('#slider2').nivoSlider({effect:'boxRain'}); }); </script>
    【解决方案2】:

    Nivo 滑块支持许多“效果”来进行转换 - 你见过usage page 吗?您将对象文字传递给带有您要使用的参数的 nivoSlider 调用,效果是您可以指定的其中之一。显示您可以设置的所有参数的列表,紧随其后的是可用效果列表。如果您想要更具体的答案,则必须更具体地说明您想要什么具体效果。

    【讨论】:

      【解决方案3】:
      <script type="text/javascript">
          $(window).load(function() {
                          $('#slider').nivoSlider({effect:"fade"});
                          });
          </script>
      

      根据需要使用其他效果代替“淡入淡出”

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-01-29
        • 1970-01-01
        • 2013-02-15
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多