Nivo滑塊 - 當有一個圖像時停止任何動畫？

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 
    }); 
}