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

你试过了吗？

应用nivoSlider首先检查#slider

• if中的镜像数量
• no of image is >1

如

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