Nivo Slider - 1つの画像だけがアニメーションを停止する

Question

Nivo SliderにjQueryプラグインを使用していて、1つの画像しか存在しないときに移行を停止する方法を見つける必要があります。

Answer 1

あなたはオプションが設定できます。

manualAdvance: true 

それは助けるだろうか？ Thisは最新のNivoSliderアップデートのドキュメントです。

これは役に立たない場合は、スライダーを有効にするコードを投稿できますか？

これは完全なコードになります：

$(window).load(function() { 
    $('#slider').nivoSlider({ 
     slices: 1, // For slice animations 
     startSlide: 0, // Set starting Slide (0 index) 
     manualAdvance: true, // Force manual transitions 
     captionOpacity: 0.8, // Universal caption opacity 
     randomStart: false, // Start on a random slide 
     beforeChange: function(){}, // Triggers before a slide transition 
     afterChange: function(){}, // Triggers after a slide transition 
     slideshowEnd: function(){}, // Triggers after all slides have been shown 
     lastSlide: function(){}, // Triggers when last slide is shown 
     afterLoad: function(){} // Triggers when slider has loaded 
    }); 
}); 

Answer 2

あり、それを行うには良い方法は、おそらくですが、それは私の作品：

if($('#slider img').length == 1) { 
    $('#slider').nivoSlider({}); 
    $('.nivo-controlNav').css('display', 'none'); 
    $('.nivo-directionNav').css('display', 'none'); 
    $('#slider').data('nivo:vars').stop = true; 
} else { 
    $('#slider').nivoSlider({ 
     effect: 'slideInLeft' 
    }); 
} 

PS。 Nivosliderを初期化する前にイメージの数を確認することは重要です。イメージタグを複製するように見えるので、

Answer 3

キャプションで表示するイメージが1つだけだったので、答えはありませんでした。

  var numImages = $('#hero-images img').length; 

      if (numImages === 0) { 
       //No images - hide the block 
       $('#hero-images').hide(); 
      } else if (numImages === 1) { 
       // 1 image - disable controls and set to manual advance to prevent animation 
       $('#hero-images').nivoSlider({ 
        directionNav: false, 
        manualAdvance: true, 
        controlNav: false 
       }); 
      } else { 
       // Multiple images, set up as normal 
       $('#hero-images').nivoSlider({ 
        effect: 'fade', 
        directionNav: false 
       }); 
      }