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> 

は、あなたが「効果」オプションを呼び出す必要があり、その後、あなたがそれを設定することができます。

• sliceDown
• sliceDownLeft
• sliceUp
• sliceUpLeft
• sliceUpDown
• sliceUpDownLeft
：どのように？：

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

効果パラメータには、次のいずれかであることができます

• 倍
• フェード
• ランダム
• 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. スライダー固有のコントロール（「effect： 'fade'」など）は、Nivo Slider JSファイルの後にスクリプト タグ内にある必要があります。

より多くの制御を提供する簡単worksroundまたは代替はまた、あなたが画像ごとに効果を指定することができます

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

を指定することです。