如何更改 Nivo-Slider 缓动?

发布于 2024-11-16 23:28:13 字数 113 浏览 4 评论 0原文

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

I'm using NivoSlider and I'm not really good on using javascript so I was wondering if how can I change the transition effects on nivo-slider? or can I change it? If it is possible, I would like to use only one transition effects on my images. Please help.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

千纸鹤 2024-11-23 23:28:13
// This is the default setting:
$('#slider').nivoSlider({effect:'random'}) // Each transition effect will be random

// 您可以从以下效果中进行选择:

  • sliceDown
  • sliceDownLeft
  • sliceUp
  • sliceUpLeft
  • sliceUpDown
  • sliceUpDownLeft
  • 折叠
  • 淡入淡出
  • random
  • slipInRight
  • slipInLeft
  • boxRandom
  • boxRain
  • boxRainReverse
  • boxRainGrow
  • boxRainGrowReverse
// This is the default setting:
$('#slider').nivoSlider({effect:'random'}) // Each transition effect will be random

// You can choose from the following effects:

  • sliceDown
  • sliceDownLeft
  • sliceUp
  • sliceUpLeft
  • sliceUpDown
  • sliceUpDownLeft
  • fold
  • fade
  • random
  • slideInRight
  • slideInLeft
  • boxRandom
  • boxRain
  • boxRainReverse
  • boxRainGrow
  • boxRainGrowReverse
小嗷兮 2024-11-23 23:28:13

Nivo 滑块支持多种过渡“效果” - 您看过使用页面了吗? ?您可以将对象文字与您想要使用的参数一起传递给 nivoSlider 调用,effect 是您可以指定的参数之一。显示您可以设置的所有参数的列表,紧随其后的是可用效果的列表。如果您想要更具体的答案,则必须更具体地说明您想要的具体效果。

There are a number of "effects" the Nivo slider supports for transitions - have you seen the usage page yet? You pass an object literal to the nivoSlider call with the parameters you want to use, effect being one of them you can specify. A list of how all the parameters you can set are shown and immediately following that is a list of the available effects. You'll have to be more specific about what specific effect you want if you want a more specific answer.

随梦而飞# 2024-11-23 23:28:13
<script type="text/javascript">
    $(window).load(function() {
                    $('#slider').nivoSlider({effect:"fade"});
                    });
    </script>

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

<script type="text/javascript">
    $(window).load(function() {
                    $('#slider').nivoSlider({effect:"fade"});
                    });
    </script>

Use other effects as per your need in place of "fade"

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文