title: Nivo Slider - Stop any animations when there is one image?
body: <p>I am trying to stop the transition on the banner so if there is one image uploaded it doesnt loop through it - it just stays static and doesnt move about (no transitions)</p>
  
  <p>I've tried using this on Nivoslider</p>
  
  <pre><code>if ($(".nivoSlider").children().length === 1)
           $(".nivo-controlNav").hide(0);
  </code></pre>
  
  <p>The full script here;</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
   $(window).load(function () {
       var total = $('#slider img').length;
       var rand = Math.floor(Math.random() * total);
  
       if ($(".nivoSlider").children().length === 1)
           $(".nivo-controlNav").hide(0);
  
       $('#slider').nivoSlider({
           effect: 'fade',
           animSpeed: '500',
           pauseTime: '5000',
           startSlide: rand
       });
   });
  &lt;/script&gt;
  </code></pre>
  
  <p>I've also tried this;</p>
  
  <pre><code>if($('.nivoSlider').find('img').size()===1)
  {
       $('.nivo-directionNav').remove();
  }
  </code></pre>
  
  <p>How can i stop it without changing anything in the main nivoslider js file?</p>
  
  <p>It happens on this page <a href="http://securushealthandsafety.co.uk/health-and-safety-training/iosh-approved-coaching-for-safety.aspx" rel="nofollow">http://securushealthandsafety.co.uk/health-and-safety-training/iosh-approved-coaching-for-safety.aspx</a></p>