如何在nivo滑块中设置不同的效果 [英] How to set different effects in nivo-slider

问题描述

我的网站上有一个nivo滑块，但除了slideUp之外没有任何效果，即使我已经设置了默认安装。

I've got a nivo-slider on my site, but there aren't any effects except slidesUp, even though I have set the default installation.

         <div class="slider-wrapper theme-default">
      <div class="ribbon"></div>
      <div id="slider" class="nivoSlider">

  <img src="/upload/banners/image1.png" border="0" alt=""/>
  <img src="/upload/banners/image2.png" border="0" alt=""/>
  <img src="/upload/banners/image3.png" border="0" alt=""/>  

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

并在标题中：

    <script type="text/javascript" src="/scripts/jquery.js"></script>
<script type="text/javascript" src="/scripts/jquery.nivo.slider.pack.js"></script>  
<link rel="stylesheet" type="text/css" href="/css/nivo-slider.css"/>

我该怎么做才能让它正常工作？

What should I do to make it works properly?

推荐答案

zeusakm。
检查您的代码并查找：

zeusakm. Check your code and look for this:

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

您必须调用'效果'选项然后才能设置它。怎么样？：

You have to call the 'effect' option and then you can set it. How?:

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

效果参数可以是以下任何一种：

The effect parameter can be any of the following:

• sliceDown


• sliceDownLeft


• sliceUp


• sliceUpLeft


• sliceUpDown


• sliceUpDownLeft


• fold


• fade


• random


• slideInRight


• slideInLeft


• boxRandom


• boxRain


• boxRainReverse


• boxRainGrow


• boxRainGrowReverse

• sliceDown
• sliceDownLeft
• sliceUp
• sliceUpLeft
• sliceUpDown
• sliceUpDownLeft
• fold
• fade
• random
• slideInRight
• slideInLeft
• boxRandom
• boxRain
• boxRainReverse
• boxRainGrow
• boxRainGrowReverse

完整参考： http：//nivo.dev7studios。 com /＃usage

这篇关于如何在nivo滑块中设置不同的效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！