Nivo Slider - 当有一个图像时停止任何动画？

Question

我正试图阻止横幅上的转换，所以如果上传了一张图片，它就不会循环通过它 - 它只是保持静止而不会移动（没有转换）

我试过在Nivoslider上使用它

if ($(".nivoSlider").children().length === 1)
         $(".nivo-controlNav").hide(0);

这里的完整脚本;

<script type="text/javascript">
 $(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
     });
 });
</script>

我也尝试了这个;

if($('.nivoSlider').find('img').size()===1)
{
     $('.nivo-directionNav').remove();
}

如何在不更改主nivoslider js文件中的任何内容的情况下停止它？

它发生在此页http://securushealthandsafety.co.uk/health-and-safety-training/iosh-approved-coaching-for-safety.aspx

上

Answer 1

你试过吗

• 首先检查#slider
中的图片数量
• 如果图片没有＆gt; 1则应用nivoSlider

<强>例如

if ($("#slider").find("img").length > 1)
{
  $('#slider').nivoSlider({
         effect: 'fade',
         animSpeed: '500',
         pauseTime: '5000',
         startSlide: rand
     });
}