javascript - 如何在nivo-slider中设置不同的效果

Question

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

         <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"/>

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

Answer 1

祖萨克姆。 检查你的代码并寻找这个:

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

你必须调用'effect'选项然后你才能设置它。如何？:

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

效果参数可以是以下任意一种:

• 切片
• 左下切片
• 切片
• 向左切片
• 上下切片
• sliceUpDownLeft
• 折叠
• 淡出
• 随机
• 向右滑动
• 向左滑动
• 方框随机
• 盒子雨
• boxRainReverse
• 箱雨成长
• boxRainGrowReverse

完整引用:http://nivo.dev7studios.com/#usage