如何在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

zeusakm。 檢查你的代碼，並查找此：

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

你必須調用「效果」選項，然後你可以設置它。如何？：

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

效果參數可以是下列任何一項：

• sliceDown
• sliceDownLeft
• sliceUp
• sliceUpLeft
• sliceUpDown
• sliceUpDownLeft
• 倍
• 褪色
隨機
• slideInRight
• slideInLeft
• boxRandom
• boxRain
• boxRainReverse
• boxRainGrow
• boxRainGrowReverse

完整的參考：http://nivo.dev7studios.com/#usage

Answer 2

而且腳本的命令顯然事情：

1. jQuery的JS文件必須在某個HTML文件鏈接。
2. Nivo Slider JS文件必須在jQuery JS文件後鏈接。
3. 特定於滑塊的控件（如「效果：'淡入淡出'」）必須在腳本 標籤AFTER Nivo Slider JS文件中。

一個簡單worksround或替代，提供更多的控制是指定

<img src="mypic.jpg" alt="" data-transition="fade"/> 

這還允許指定每個圖象的效果。