jquery - 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
• 如果没有图像> 1 应用nivoSlider

例如。

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